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
Project04
Project05
Project06
Project07
Project08

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)

Monday, August 22nd:  Setting Up File Area and IDE
                                        

Thursday, August 25th:  Have copy of textbook in Kindle or print.  
                                          

Monday, August 29th: Project 01


Tuesday, September 6th: Project 02


Monday, September 12th: Project 03


Monday, September 19th: ProjectTextToSpeech


Monday, September 26th: Project Tip Calculator


Tuesday, October 11th: Project 07

 Emergency Lesson Plans:

Code Academy Lessons