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


# 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…
# Hello World - Demonstration
2. Hello World - Demonstration
:Load sample and run it
:Load sample and run it
# Tour of the IDE
3. Tour of the IDE
:File Menus
:File Menus
:Design Screen
:Design Screen
Line 22: Line 22:


5. Frameworks
5. Frameworks
jQuery Mobile
:jQuery Mobile
jqWidgets
:qWidgets
iWebKit
:iWebKit
Others
:Others


6. Some Controls in depth
6. Some Controls in depth
Label
:Label
Button
:Button
TextBox
:TextBox
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
Variables
:Variables
Control structures
:Control structures
Importing VB code
:Importing VB code
A few interesting statements
:A few interesting statements


9. Chrome Debugger
9. Chrome Debugger
Sources Tab
:Sources Tab
Console Tab
:Console Tab


9. 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.  


10. Web Services
11. Web Services
Introduction
:Introduction
AJAX
:AJAX
Asynchronous Calls
:Asynchronous Calls
JSON
:JSON
JSONP
:JSONP
XML
:XML


11. 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.  


12. 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


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


14. Saving Data: SQLite and localStorage
15. Saving Data: SQLite and localStorage
Chrome Debugger Resources tab
:Chrome Debugger Resources tab


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


16. Mobile Device Features
17. Mobile Device Features
Camera
:Camera
Emoji
:Emoji
Compass
:Compass
Geolocation
:Geolocation
Accelerometer
:Accelerometer


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


18. avaScript, HTML, CSS
19. avaScript, HTML, CSS
What’s behind the scenes?
:What’s behind the scenes?


19. iOS and Android
20. iOS and Android
Quirks, things to know
:Quirks, things to know
Dealing with different screensizes
:Dealing with different screensizes


20. Deploying
21. Deploying
Differences between Demo and AppStudioEDU
:Differences between Demo and AppStudioEDU
Servers
:Servers
PHP
:PHP
Website vs hybrid
:Website vs hybrid
PhoneGap
:PhoneGap
Chrome Packaged Apps
:Chrome Packaged Apps

Revision as of 19:16, 6 December 2013

AppStudio Training

Course length: 4 days

1. Opening remarks

History of NS BASIC and AppStudio
Preview of next 4 days
Let me know if…

2. Hello World - Demonstration

Load sample and run it

3. Tour of the IDE

File Menus
Design Screen
ToolBox
Project Explorer
Properties Window
Code Window
Wiki

4. Lab Session 1: Hello World

Joint step by step with entire class

5. Frameworks

jQuery Mobile
qWidgets
iWebKit
Others

6. Some Controls in depth

Label
Button
TextBox
HeaderBar
List
Form

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

8. Fundamentals of BASIC

Variables
Control structures
Importing VB code
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

Introduction
AJAX
Asynchronous Calls
JSON
JSONP
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

PictureBox: images, text and sprites
Multimedia: Audio and Video
Social media: Twitter and Facebook

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

15. Saving Data: SQLite and localStorage

Chrome Debugger Resources tab

16. Lab Session 5: Saving data

17. Mobile Device Features

Camera
Emoji
Compass
Geolocation
Accelerometer

18. Lab Session 6: Play with Features

19. avaScript, HTML, CSS

What’s behind the scenes?

20. iOS and Android

Quirks, things to know
Dealing with different screensizes

21. Deploying

Differences between Demo and AppStudioEDU
Servers
PHP
Website vs hybrid
PhoneGap
Chrome Packaged Apps