AppStudio Course: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 58: Line 58:
= Day 2: Web Services and Device Features =  
= Day 2: Web Services and Device Features =  


''' 11. [[Web Services Fundamentals]]''' :45 Day 2 Session 1
''' 11. [[Web Services Fundamentals]]'''
# Introduction
# Introduction
# CORS and Same Origin Policy
# CORS and Same Origin Policy
# AJAX
# AJAX


''' 12. [[Data Formats]]''' :30
''' 12. [[Data Formats]]'''
# JSON
# JSON
# JSONP
# JSONP
# XML
# XML


'''13. [[Asynchronous Calls]]''' :20
'''13. [[Asynchronous Calls]]'''


'''14. [[Lab Session: Weather Data]]''' 1:00
'''14. [[Lab Session: Weather Data]]'''
Pull in some data from a Weather site and display the data in an app.  
Pull in some data from a Weather site and display the data in an app.  


'''15. [[Mobile Device Features 1]]''' Day 2 Session 3
'''15. [[Mobile Device Features 1]]'''
# Camera
# Camera
# Emoji
# Emoji
Line 80: Line 80:
'''16. [[Lab Session: Device features]]'''
'''16. [[Lab Session: Device features]]'''


'''17. [[Mobile Device Features 2]]''' Day 2 Session 4
'''17. [[Mobile Device Features 2]]'''
# Compass
# Compass
# Geolocation
# Geolocation

Revision as of 10:17, 13 December 2013

Course length 4 days

Day 1: The IDE and the Language

1. Opening remarks

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

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
  8. Questions

4. Lab Session 1: Hello World

  1. Joint step by step with entire class

5. Frameworks

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

6. Some Controls in depth

  1. Label
  2. Button
  3. TextBox
  4. Sizing and positioning
  5. HeaderBar
  6. List
  7. 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
  5. Questions

9. Chrome Debugger

  1. Sources Tab
  2. Console Tab

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

Day 2: Web Services and Device Features

11. Web Services Fundamentals

  1. Introduction
  2. CORS and Same Origin Policy
  3. AJAX

12. Data Formats

  1. JSON
  2. JSONP
  3. XML

13. Asynchronous Calls

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

15. Mobile Device Features 1

  1. Camera
  2. Emoji
  3. Rotation

16. Lab Session: Device features

17. Mobile Device Features 2

  1. Compass
  2. Geolocation
  3. Accelerometer

18. Lab Session: Play with Features

Day 3: MultiMedia, Social Media and Saving Data

19. Saving Data Day 3 Session 1

  1. localStorage
  2. SQLite Overview
  3. Chrome Debugger Resources tab

20. Lab Session 5: Saving data to localStorage

21. SQLite Fundamentals Day 3 Session 2

  1. Asynchronous Results
  2. Opening a database
  3. Create a table in the database
  4. Add records to the database and select them
  5. Replace a record in the table
  6. Update a record
  7. Delete a record
  8. Closing the Database

22. Lab Session: Saving data into SQLite

23. MultiMedia Day 3 Session 3

  1. PictureBox: Drawing, text, images, sprites
  2. Multimedia: Audio and Video
  3. HTMLView

24. Lab Session: Multimedia

25. Social Media Day 3 Session 4

  1. Twitter
  2. Facebook
  3. PayPal

26. Lab Session: Add Twitter feed to the app.

Day 4: JavaScript, device quirks and deploying

27. JavaScript, HTML, CSS Day 4 Session 1

  1. What’s behind the scenes?
  2. JavaScript libraries

28. Lab Session: Use a library

29. iOS and Android Day 4 Session 2

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

30. Lab Session: Screen size and rotation

31. Deploying Day 4 Session 3

  1. Differences between AppStudio and AppStudioEDU
  2. Servers
  3. PHP
  4. Web Apps vs Hybrid Apps
  5. PhoneGap Build
  6. Chrome Packaged Apps

32. Open Lab Session

  1. Complete work if not done
  2. One on one for those who want some extra