• Mobile Jquery

Mobile JQuery Training Syllabus

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

HTML5 basics

• 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
• Custom data-* attributes

The framework

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

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
• Transitions
• Dialogs
• Prefetching
• Integration with the Phone

UI Components

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

Buttons

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

Lists

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

Forms

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

The framework and JavaScript

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

Dynamic data with jQuery Mobile

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

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

Managing data with HTML5

• Using Web Storage and WebSQL
• Using geo location

Packaging for installation and stores

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