Module 1 :The Background

• The mobile space today
• Advantages
• Challenges
• Native vs. web, is really a question?
• What is JQM?
• What is not jQM?
• What is a web app?
• Why jQM?
• Features
• Compatibility
• Requirements

Module 2: HTML5 basics

• Requirements
• HTML5 in a small nutshell
• Why HTML5?
• What do we need to know about HTML5 for jQM
• Basic template
• Testing HTML5 documents
• Emulators, Simulators & more & Viewports on mobile browsers

Module 3: The framework

• Architecture of Self hosted vs. CDNs
• Main template
• CDNs available
• Main template
• Support on IDEs
• Roles
• Theming

Module 4: The page

• Headers and footers basics
• Mandatory items in a page
• Working with HTML in the content
• Navigation
• Internal page navigation
• External page navigation
• Understanding AJAX on mobile browsers
• Absolute external links
• Mobile Special links
•  

Module 5: UI Components

• Customizing toolbars
• Positioning toolbars
• Navigation Bars
• Persistent footers and navigation
• Collapsible content
• Working with columns

Module 6: Buttons

• Creating buttons
• Inline buttons
• Grouped buttons
• Icons
• Custom icons

Module 7: Lists

• Creating lists
• Full-page vs inset-lists
• Visual separators
• Nested lists
• Interactive rows, Split button rows
• Split button rows
• Thumbnails
• Count bubbles
• Aside content
• Title and Description
• Filtering data

Module 8: Forms

• AJAX vs. non-AJAX forms
• Automatic form behaviour
• Labeling
• Field containers
• Text fields
• Slider, Slider switch
• Select menus, UI Select menus
• Radio Buttons
• Checkboxes, File Upload
• Validation using HTML5

Module9: The framework and JavaScript

• Using jQuery inside jQuery Mobile
• mobile element
• The mobile init event
• Configuring defaults
• Touch events, Orientation events
• Scroll events, Page events
• Virtual mouse events
• Managing navigation through JavaScript

Module 10: Dynamic data with jQuery Mobile

• HTML5 vs AJAX
• Bringing JSON data to jQuery Mobile
• Updating form controls
• Updating lists
• Implementing Infinite list pattern

Module11: Extending the framework

• Using plugins
• The top 5 plugins for jQuery Mobile
• Creating our own plugin
• Plugin architecture
• Understanding CSS architecture
• Define our own CSS patch
• Changing CSS behavior

Module12: Managing data with HTML5

• Using Web Storage and Web SQL
• Using geolocation

Module 13: Packaging for installation and stores

• The offline manifest
• Full-screen web apps for iOS
• What is a hybrid
• Phone Gap vs other alternatives
• Packaging a sample application