jQuery Mobile
Private Training

Course Summary

In this 2-day jQuery Mobile training class, you will learn to use jQuery Mobile, an HTML5-based user interface system, to develop single sites for all popular smartphone, tablet, and desktop platforms. You’ll learn how to use jQuery Mobile to handle touch events, build mobile-optimized forms and widgets, incorporate HTML5 features, leverage phone capabilities such as making calls and texting, and more. Along the way, jQuery Mobile’s extensive theme framework and plugin architecture will be covered.

Audience
Developers and programmers who want to develop themes and customize applications and appearances on websites and apps.
Course Length
2 Days
Prerequisites
Experience in HTML 4, basic CSS, JavaScript, AJAX, jQuery.

Objectives

Learn about jQuery Mobile’s capabilities, supported devices, and support for accessibility.

Create page transitions, dialogs, and buttons optimized for mobile.

Incorporate phone-friendly forms, sliders, dialogs, and other widgets.

Handle touch, phone-orientation, scrolling and other phone events.

Learn how to use jQuery Mobile to make calls, send SMS text messages, send emails and display video.

Extend jQuery Mobile’s capabilities with the ThemeRoller framework.

Create plugins and incorporate others’ plugins into your code.

Detailed Outline

  1. What is jQuery Mobile?
    • Introducing jQuery Mobile
    • What jQuery Is Not
    • Supported Platforms
    • Progressive Enhancement & Responsive Web Design
    • Accessibility Support
    • jQuery Mobile WYSIWYG Builder
    • HTML5
    • New HTML5 Features
    • HTML5 Forms
    • CSS3 Media Queries
  2. Getting Started with jQuery
    • A Basic Page Template
    • Linking between Pages
    • Ajax Navigation System
    • Page Transitions
    • Buttons
    • Dialogs
  3. Widgets and UI
    • User Interface Elements
    • Toolbars
    • Lists
    • Collapsible Content
    • Grids
    • Forms
    • Collapsible Blocks
  4. JavaScript & Events
    • jQuery Basics
    • Events
    • Calling Event Handlers
    • Orientation
    • Refreshing the DOM
    • Configuring Defaults with JavaScript
  5. Integration with the Phone
    • Calls, Emails & Texts
    • Custom Home Screen/Bookmark Icons
    • The Geolocation API
    • How It Works
    • Browser & Device Support
    • JavaScript Implementation
    • Finding Nearby Places
    • Video
    • Further Reading
  6. The Theme Framework
    • Themes in jQuery Mobile
    • ThemeRoller
    • Adobe Color
    • Icons
    • Custom CSS
    • Updating the Nan & Bob Site’s Look
  7. Plugins
    • Why Plugins?
    • The jQuery UI Widget Factory