HTML5 COURSE OUTLINE:

1) Introduction to Mobile Web Design

  • Statistics: Today and Future Trends
  • Market fragmentations
  • Tool Options
  • jQuery Mobile

2) Design for Mobile

  • Screen Size
  • Input options: No mouse
  • Touchable Interfaces
  • Interface & Application Icons
  • Carousel navigation, tabs and lists
  • Let’s build an application specification and sketch
  • Touchable InterfacesCT01530 HTML5 for Mobile Websites and Devices

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

7) Introducing PhoneGap

  • Embedding Web Pages in Native Apps
  • PhoneGap & Alternatives
  • jQueryMobile & other Frameworks
  • Making Our Application Native
  • Running for Real
  • Android & IOS