AppStudio Course: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
'''AppStudio Training'''
 
----
Course length 4 days
Course length 4 days
= Day 1: The IDE and the Language =


'''1. [[Opening remarks]]'''
'''1. [[Opening remarks]]'''
Line 7: Line 7:
# Preview of next 4 days
# Preview of next 4 days
# Let me know if…
# Let me know if…
# Questions


'''2. Hello World - Demonstration'''
'''2. Hello World - Demonstration'''
Line 19: Line 20:
# Code Window
# Code Window
# Wiki
# Wiki
# Questions


'''4. Lab Session 1: Hello World'''
'''4. Lab Session 1: Hello World'''
Line 33: Line 35:
# Button
# Button
# TextBox
# TextBox
# Sizing and positioning
# HeaderBar
# HeaderBar
# List
# List
# 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'''
Line 44: Line 48:
# Importing VB code
# Importing VB code
# A few interesting statements
# A few interesting statements
# Questions


'''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'''
= Day 2: Web Services and Device Features =
 
''' 11. Web Services Fundamentals''' :45 Day 2 Session 1
# Introduction
# Introduction
# CORS and Same Origin Policy
# AJAX
# AJAX
# Asynchronous Calls
 
''' 12. Data Formats''' :30
# JSON
# JSON
# JSONP
# JSONP
# XML
# XML


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


'''13. MultiMedia and Social Media'''
'''14. Lab Session:''' 1:00
# PictureBox images, text and sprites
Pull in some data from a Weather site and display the data in an app.
# Multimedia Audio and Video
# Social media Twitter and Facebook


'''14. Lab Session 5: Add Twitter feed to the app.'''
'''15. Mobile Device Features 1''' Day 2 Session 3
 
# Camera
'''15. Saving Data SQLite and localStorage'''
# Emoji
# Chrome Debugger Resources tab
# Rotation


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


'''17. Mobile Device Features'''
'''17. Mobile Device Features 2''' Day 2 Session 4
# Camera
# Emoji
# Compass
# Compass
# Geolocation
# Geolocation
# Accelerometer
# Accelerometer


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


'''19. JavaScript, HTML, CSS'''
= Day 3: MultiMedia, Social Media and Saving Data =
 
'''19. MultiMedia''' Day 3 Session 1
# PictureBox: images, text and sprites
# Multimedia: Audio and Video
# HTMLView
 
'''20. Lab Session: Multimedia'''
 
'''21. Social Media''' Day 3 Session 2
# Twitter
# Facebook
# PayPal
 
'''22. Lab Session: Add Twitter feed to the app.'''
 
'''23. Saving Data''' Day 3 Session 3
# localStorage
# SQLite Overview
# Chrome Debugger Resources tab
 
'''24. Lab Session 5: Saving data to localStorage'''
'''25. SQLite Fundamentals''' Day 3 Session 4
# Creating and deleting databases
# Adding and deleting records
# Selections
 
'''26. Lab Session: Saving data into SQLite'''
�
= Day 4: JavaScript, device quirks and deploying =
 
'''27. JavaScript, HTML, CSS''' Day 4 Session 1
# What’s behind the scenes?
# What’s behind the scenes?
# JavaScript libraries


'''20. iOS and Android'''
'''28. iOS and Android''' Day 4 Session 2
# Quirks, things to know
# Quirks, things to know
# Dealing with different screensizes
# Dealing with different screensizes


'''21. Deploying'''
'''29. Deploying''' Day 4 Session 3
# Differences between Demo and AppStudioEDU
# Differences between Demo and AppStudioEDU
# Servers
# Servers
Line 96: Line 134:
# PhoneGap
# PhoneGap
# Chrome Packaged Apps
# Chrome Packaged Apps
'''30. Open Lab Session'''
# Complete work if not done
# One on one for those who want some extra

Revision as of 19:26, 9 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 :45 Day 2 Session 1

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

12. Data Formats :30

  1. JSON
  2. JSONP
  3. XML

13. Asynchronous Calls :20

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

15. Mobile Device Features 1 Day 2 Session 3

  1. Camera
  2. Emoji
  3. Rotation

16. Lab Session: Device features

17. Mobile Device Features 2 Day 2 Session 4

  1. Compass
  2. Geolocation
  3. Accelerometer

18. Lab Session: Play with Features

Day 3: MultiMedia, Social Media and Saving Data

19. MultiMedia Day 3 Session 1

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

20. Lab Session: Multimedia

21. Social Media Day 3 Session 2

  1. Twitter
  2. Facebook
  3. PayPal

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

23. Saving Data Day 3 Session 3

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

24. Lab Session 5: Saving data to localStorage

25. SQLite Fundamentals Day 3 Session 4

  1. Creating and deleting databases
  2. Adding and deleting records
  3. Selections

26. Lab Session: Saving data into SQLite �

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. iOS and Android Day 4 Session 2

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

29. Deploying Day 4 Session 3

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

30. Open Lab Session

  1. Complete work if not done
  2. One on one for those who want some extra
Retrieved from "https://wiki.appstudio.dev/index.php?title=AppStudio_Course&oldid=4537"