Mobile Application Development: HTML and JavaScript

Description: 

This programming and project based course focuses on developing applications for Web based applications using HTML and JavaScript. Students in this course will create applications featuring view and button based navigation and explore elements in graphics, animation, and touch based user interfaces.  JavaScript programming concepts such as data types, conditionals, arrays, classes, and events will be explored in conjunction with portable device software design. The course will also use Dreamweaver to develop web-based applications featuring client and host based computing techniques along with html, css, and xml coding techniques.

Resources:

File Area and Software Setup:
Directions to Setup File Area and Programming Environment 

HTML, JavaScript, and CSS:
HTML Presentation
JavaScript Presentation

Online HTML Editors and Tools:
HTML Color Picker
HTML Editor in WYSIWYG
Form Builder

Projects:
Project00
Project01
Project02
Project03
ProjectTextToSpeech
Project Tip Calculator

File Manager for Web Server:
Link to File Manager

HTML and JavaScript Resources:
W3Schools
CodeCademy (Select HTML or JavaScript)

Other Programming IDE's for Web Applications:
Code.org's App Studio



Syllabus:

Mobile Application Development Syllabus

Required Textbook:

Kindle or Textbook Version of Head First HTML5 Programming

(Available at Amazon.com)

Assignments: (Due at the beginning of class unless otherwise noted)

Assignment 01:  Setting Up File Area and IDE
                                        

Assignment 02:  Have copy of textbook in Kindle or print.  
                                          

Assignment 03: Project 01


Assignment 04: Project 02


Assignment 05: Project 03


Assignment 06: ProjectTextToSpeech


Assignment 07: Project Tip Calculator


Assignment 08: Coffee App


Assignment 09: Point of Sale App


Assignment 10: Unity Install


Assignment 11: UFO Tutorial in Unity


Assignment 12: Export UFO Game to Website and Web player


Assignment 13: Final Project Proposal


Assignment 14: Final Project and Presentation

 Emergency Lesson Plans:

Code Academy Lessons