About this Course:

This course is for you if you know a bit of HTML and are looking to expand your skills in to the mobile realm. If you're a web designer or developer trying to expand your work beyond the desktop you're going to truly benefit from this excellent course.

Course Objectives:

• Understand the dynamics of screen size
• How to emulate screens with Google Chrome
• How to use the viewport meta tag
• How to hide and display content on mobile to optimize space
• To make content adjustments for mobile screens
• To make adjustments in multiple column layouts for small screens
• How to use dynamic units to make font size adjustments
• How to determine device location
• How to display a map
• How to get information about the local area from Google Places
• How to use the jQuery Mobile page metaphor
• How to create mobile buttons with jQuery Mobile
• Using mobile icons with jQuery Mobile
• Working with jQuery Mobile popups
• Using toolbars in jQuery mobile
• Applying navbars in jQuery Mobile
• Installing the HammarJS library for gestures
• Detecting tap and press gestures
• Detecting swipe and pan gestures
• Storing data on mobile devices
• Storing session data on mobile
• Using HTML5's localStorage object
• Storing a Javascript object with state using serialization
• Understanding the cache manifest
• Adding the cache manifest to HTML
• Managing the manifest for offline apps

Audience:

• Developers and Designers moving to mobile
• Teachers and students
• HTML authors who want to have great looking content on any size screen
• Graphic designers

Prerequisites:

• Successful students should know some fundamental HTML