AppStudio Course: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
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 | ||
''' 12. Data Formats''' :30 | |||
# JSON | # JSON | ||
# JSONP | # JSONP | ||
# XML | # 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 | ||
# Camera | |||
# Emoji | |||
# | # Rotation | ||
'''16. Lab Session | '''16. Lab Session: Device features''' | ||
'''17. Mobile Device Features''' | '''17. Mobile Device Features 2''' Day 2 Session 4 | ||
# Compass | # Compass | ||
# Geolocation | # Geolocation | ||
# Accelerometer | # Accelerometer | ||
'''18. Lab Session | '''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 | |||
''' | '''28. iOS and Android''' Day 4 Session 2 | ||
# Quirks, things to know | # Quirks, things to know | ||
# Dealing with different screensizes | # Dealing with different screensizes | ||
''' | '''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
- History of NS BASIC and AppStudio]]
- Preview of next 4 days
- Let me know if…
- Questions
2. Hello World - Demonstration
- Load sample and run it
- File Menus
- Design Screen
- ToolBox
- Project Explorer
- Properties Window
- Code Window
- Wiki
- Questions
4. Lab Session 1: Hello World
- Joint step by step with entire class
5. Frameworks
- jQuery Mobile
- jqWidgets
- iWebKit
- Others
- Label
- Button
- TextBox
- Sizing and positioning
- 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
- Questions
9. Chrome Debugger
- Sources Tab
- 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
- Introduction
- CORS and Same Origin Policy
- AJAX
12. Data Formats :30
- JSON
- JSONP
- 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
- Camera
- Emoji
- Rotation
16. Lab Session: Device features
17. Mobile Device Features 2 Day 2 Session 4
- Compass
- Geolocation
- Accelerometer
18. Lab Session: Play with Features
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
- 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?
- JavaScript libraries
28. iOS and Android Day 4 Session 2
- Quirks, things to know
- Dealing with different screensizes
29. Deploying Day 4 Session 3
- Differences between Demo and AppStudioEDU
- Servers
- PHP
- Website vs hybrid
- PhoneGap
- Chrome Packaged Apps
30. Open Lab Session
- Complete work if not done
- One on one for those who want some extra