AppStudio Course: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
No edit summary
Line 3: Line 3:
Course length 4 days
Course length 4 days


1. Opening remarks
'''1. Opening remarks'''
# History of NS BASIC and AppStudio]]
# History of NS BASIC and AppStudio]]
# Preview of next 4 days
# Preview of next 4 days
# Let me know if…
# Let me know if…


2. Hello World - Demonstration
'''2. Hello World - Demonstration'''
# Load sample and run it
# Load sample and run it


3. Tour of the IDE
'''3. Tour of the IDE'''
# File Menus
# File Menus
# Design Screen
# Design Screen
Line 20: Line 20:
# Wiki
# Wiki


4. Lab Session 1 Hello World
'''4. Lab Session 1: Hello World'''
# Joint step by step with entire class
# Joint step by step with entire class


5. Frameworks
'''5. Frameworks'''
# jQuery Mobile
# jQuery Mobile
# qWidgets
# qWidgets
Line 29: Line 29:
# Others
# Others


6. Some Controls in depth
'''6. Some Controls in depth'''
# Label
# Label
# Button
# Button
Line 37: Line 37:
# Form
# Form


7. Lab Session 2 Create an app with some Controls. The app will be built on in subsequent labs.
'''7. Lab Session 2: Create an app with some Controls.''' The app will be built on in subsequent labs.


8. Fundamentals of BASIC
'''8. Fundamentals of BASIC'''
# Variables
# Variables
# Control structures
# Control structures
Line 45: Line 45:
# A few interesting statements
# A few interesting statements


9. Chrome Debugger
'''9. Chrome Debugger'''
Sources Tab
Sources Tab
Console Tab
Console Tab


10. Lab Session 3 Fix a program with syntax errors and make some enhancements.  
'''10. Lab Session 3: Fix a program with syntax errors and make some enhancements.'''


11. Web Services
'''11. Web Services'''
# Introduction
# Introduction
# AJAX
# AJAX
Line 59: Line 59:
# XML
# XML


12. Lab Session 4 Pull in some data from a Weather site and display the data in an app.  
'''12. Lab Session 4: Pull in some data from a Weather site and display the data in an app.'''


13. MultiMedia and Social Media
'''13. MultiMedia and Social Media'''
# PictureBox images, text and sprites
# PictureBox images, text and sprites
# Multimedia Audio and Video
# Multimedia Audio and Video
# Social media Twitter and Facebook
# Social media Twitter and Facebook


14. Lab Session 5 Add Twitter feed to the app.
'''14. Lab Session 5: Add Twitter feed to the app.'''


15. Saving Data SQLite and localStorage
'''15. Saving Data SQLite and localStorage'''
# Chrome Debugger Resources tab
# Chrome Debugger Resources tab


16. Lab Session 5 Saving data
'''16. Lab Session 5: Saving data'''


17. Mobile Device Features
'''17. Mobile Device Features'''
# Camera
# Camera
# Emoji
# Emoji
Line 80: Line 80:
# Accelerometer
# Accelerometer


18. Lab Session 6 Play with Features
'''18. Lab Session 6: Play with Features'''


19. avaScript, HTML, CSS
'''19. JavaScript, HTML, CSS'''
# What’s behind the scenes?
# What’s behind the scenes?


20. iOS and Android
'''20. iOS and Android'''
# Quirks, things to know
# Quirks, things to know
# Dealing with different screensizes
# Dealing with different screensizes


21. Deploying
'''21. Deploying'''
# Differences between Demo and AppStudioEDU
# Differences between Demo and AppStudioEDU
# Servers
# Servers

Revision as of 19:26, 6 December 2013

AppStudio Training


Course length 4 days

1. Opening remarks

  1. History of NS BASIC and AppStudio]]
  2. Preview of next 4 days
  3. Let me know if…

2. Hello World - Demonstration

  1. Load sample and run it

3. Tour of the IDE

  1. File Menus
  2. Design Screen
  3. ToolBox
  4. Project Explorer
  5. Properties Window
  6. Code Window
  7. Wiki

4. Lab Session 1: Hello World

  1. Joint step by step with entire class

5. Frameworks

  1. jQuery Mobile
  2. qWidgets
  3. iWebKit
  4. Others

6. Some Controls in depth

  1. Label
  2. Button
  3. TextBox
  4. HeaderBar
  5. List
  6. Form

7. Lab Session 2: Create an app with some Controls. The app will be built on in subsequent labs.

8. Fundamentals of BASIC

  1. Variables
  2. Control structures
  3. Importing VB code
  4. A few interesting statements

9. Chrome Debugger Sources Tab Console Tab

10. Lab Session 3: Fix a program with syntax errors and make some enhancements.

11. Web Services

  1. Introduction
  2. AJAX
  3. Asynchronous Calls
  4. JSON
  5. JSONP
  6. XML

12. Lab Session 4: Pull in some data from a Weather site and display the data in an app.

13. MultiMedia and Social Media

  1. PictureBox images, text and sprites
  2. Multimedia Audio and Video
  3. Social media Twitter and Facebook

14. Lab Session 5: Add Twitter feed to the app.

15. Saving Data SQLite and localStorage

  1. Chrome Debugger Resources tab

16. Lab Session 5: Saving data

17. Mobile Device Features

  1. Camera
  2. Emoji
  3. Compass
  4. Geolocation
  5. Accelerometer

18. Lab Session 6: Play with Features

19. JavaScript, HTML, CSS

  1. What’s behind the scenes?

20. iOS and Android

  1. Quirks, things to know
  2. Dealing with different screensizes

21. Deploying

  1. Differences between Demo and AppStudioEDU
  2. Servers
  3. PHP
  4. Website vs hybrid
  5. PhoneGap
  6. Chrome Packaged Apps