Live Virtual On-line Training

OVERVIEW

Attendees will learn all the features of HTML5, the new web standard for mobile web sites and devices (iPhone, iPad, Android), including a rich set of multimedia options: audio, video, and 2D drawing. All modern browsers on desktops and mobile devices support HTML5. By 2014, there will be more phones browsing the Internet than computers!

RECOMMENDED TEXT

Build Mobile Websites and Apps for Smart Devices, ISBN 0987090844.

Upon successful completion of this course, attendees should understand:

• What makes a mobile site different than a regular web site
• Programming tools to implement a mobile web site
• New HTML5 tags (syntax, usage, and categories)
• Mobile device browser navigation and page rendering
• Mobile devices Geolocation and Camera use
• Mobile devices

OUTLINE

HTML5 Overview

1)      Introduction to Mobile Web Design

• Statistics: Today and Future Trends
• Market fragmentations
• Support old, new or mix
• Infrastructure changes for mobile
• jQuery Mobile (http://en.wikipedia.org/wiki/JQuery_Mobile)

2)      Design for Mobile

• Screen Size
• Input options: No mouse
• Touchable Interfaces
• Interface Icons
• Application Icons
• Carousel navigation, tabs and lists
• Let’s build an application specification and sketch
• Touchable Interfaces

3)      Markup for Mobile

• Screen Size
• Input options: No mouse
• Carousel navigation, tabs and lists
• Let’s build an application specification and sketch

4)      Mobile Web Apps

• Setting up Shop
• Events
• Quick Wins
• Loading Pages
• Ajax
• Templating
• We have an app!

5)      Using Device Features from Web Apps

• Geolocation
• Device Rotation
• Accelerometers
• Touch Gestures
• Going Offline
• Polishing Up Our App

6)      Polishing Up Our App

• Web App Tricks
• Widgets
• Tying Everything Together
• Other Frameworks

Conclusion

Question/Answers