jQuery Mobile

Course:  JQRYM
Duration:  3 Days
Level:  I
Course Summary

In this 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 the newest (1.4) version of 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, we'll cover jQuery Mobile's extensive theme framework and plugin architecture.

« Hide The Details
Topics Covered In This Course

What Is jQuery Mobile?

  • Introducing jQuery Mobile
  • What jQuery Is Not
  • Supported Platforms
  • Progressive Enhancement and Responsive Web Design
  • Accessibility Support
  • A First Example jQuery Mobile WYSIWYG Builder
  • HTML5
  • New HTML5 Features
  • A First Example
  • HTML5 Forms
  • HTML5 Form Example
  • CSS3 Media Queries

Getting Started with jQuery

  • Getting Started With jQuery Mobile
  • A Basic Page Template
  • A Basic Page Template
  • Linking between Pages
  • Ajax Navigation System
  • Page Transitions
  • Buttons
  • Dialogs

Widgets and UI

  • User Interface Elements
  • Lists
  • Collapsible Content
  • Grids
  • Forms

JavaScript and Events jQuery Basics

  • Events
  • Calling Event Handlers
  • Orientation
  • Refreshing the DOM
  • Configuring Defaults with JavaScript
  • Integration with the Phone
  • Calls, Emails and Texts
  • Custom Home Screen/Bookmark Icons
  • Android-Specific JSON Manifest
  • The Geolocation API
  • How It Works
  • Browser and Device Support
  • JavaScript Implementation
  • A Simple Example
  • Finding Nearby Places
  • Video
  • Video Formats
  • Further Reading

The Theme Framework

  • The Theme Framework
  • Themes in jQuery Mobile
  • ThemeRoller
  • Icons
  • Custom CSS
  • Updating the Nan and Bob Site's Look


  • Why Plugins?
  • The jQuery UI Widget Factory
  • Using Others' Plugins
What You Can Expect
  • 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.
« Hide The Details
Related Courses
Code Course Title Duration Level
Dojo Development
3 Days
jQuery Fundamentals
3 Days
jQuery Development
3 Days
Comprehensive jQuery Training
3 Days
JavaScript Programming Essentials
4 Days
Web Application Development Using HTML5
4 Days
HTML5 Advanced APIs
3 Days

Every student attending a Verhoef Training class will receive a certificate good for $100 toward their next public class taken within a year.

You can also buy "Verhoef Vouchers" to get a discounted rate for a single student in any of our public or web-based classes. Contact your account manager or our sales office for details.

Schedule For This Course
There are currently no public sessions scheduled for this course. We can schedule a private class for your organization just a couple of weeks from now. Or we can let you know the next time we do schedule a public session.
Notify me the next time this course is confirmed!
Can't find the course you want?
Call us at 800.533.3893, or
email us at [email protected]