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, we’ll cover jQuery Mobile’s extensive theme framework and plugin architecture.
Goals
- 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.
Outline
- What Is jQuery Mobile?
- Overview
- Supported Devices/OSs/Browsers
- Levels of Support
- Progressive Enhancement
- Accessibility Support
- HTML5 and CSS3
- Getting Started with jQuery
- Hosting vs. CDN
- A Basic Page Template
- Ajax-driven Page Navigation
- Data-role
- Buttons and Linking Pages
- Page Transitions
- Dialogs
- Widgets and UI
- Lists
- Buttons and Toolbars
- Forms
- Sliders
- Search
- Dialogs
- Grids
- Collapsible Blocks
- Events
- Touch
- Orientation (Portrait/Landscape)
- Scroll
- Page
- Virtual
- Integration with the Phone
- Making Calls
- Sending Emails
- Sending SMS Texts
- PhoneGap
- Video
- PhoneGap
- What Is PhoneGap?
- Accessing Native Phone Capabilities with PhoneGap
- PhoneGap Build
- Supported Devices
- The Theme Framework
- ThemeRoller
- Themes and Swatches
- Lists and Buttons
- Overriding Themes with Custom CSS
- Plugins
- plugin Architecture
- Creating Your Own Plugin
- Using Others’ Plugins