jQuery Mobile Essential Training
2h 39mBeginner2014-06-03
Authors

Joe Marini
Senior Developer Advocate at Google, Developer
Course details
Build great-looking mobile web applications without having to learn native code! Think iOS without Objective-C, Android without Java, Windows Phone without C#. Joe Marini introduces the jQuery Mobile framework, and provides a look at some companies (like OpenTable and Dodge) that are using it right now to build rich, interactive mobile webpages that approach the behavior of native apps. He reviews jQuery Mobile's page structure, controls, navigation, responsive layout, and theming. The course also covers the built-in library of widgets for building web content, list views, and web forms that are optimized for mobile screen sizes and that respond to gestures and changes in device orientation.
Learning objectives
Building your first jQuery Mobile app
Understanding the page architecture
Using page transitions and dialog widgets
Working with forms and controls
Creating toolbars
Working with list views
Using jQuery Mobile's content formatting features
Adding events to detect and respond to changes
Configuring and customizing jQuery Mobile
Learning objectives
Building your first jQuery Mobile app
Understanding the page architecture
Using page transitions and dialog widgets
Working with forms and controls
Creating toolbars
Working with list views
Using jQuery Mobile's content formatting features
Adding events to detect and respond to changes
Configuring and customizing jQuery Mobile
Skills covered
jQuery MobileJavaScript FrameworksEssential TrainingWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Welcome
- 02 - What you should already know
- 03 - Using the exercise files
1. Getting Started with jQuery Mobile
- 04 - Building your first jQuery Mobile app
- 05 - Intro to jQuery Mobile
- 06 - Overview of jQuery Mobile features
2. Building jQuery Mobile Pages
- 07 - Using page transitions
- 08 - Understanding jQuery Mobile page architecture
- 09 - Creating and using dialog widgets
3. Using jQuery Mobile Widgets
- 10 - jQuery Mobile form basics
- 11 - Working with buttons
- 12 - Using text inputs
- 13 - Using radio buttons and check boxes
- 14 - Slider and flipswitch widgets
- 15 - Using select lists
4. Working with Toolbars
- 16 - Creating toolbars
- 17 - Fixed-position toolbars
- 18 - External toolbars
- 19 - Navigation bars
5. Working with List Views
- 20 - Overview of list views
- 21 - Basic list views
- 22 - Advanced list views
6. Using the Content Formatting Tools
- 23 - Using layout grids
- 24 - Using collapsible content blocks
- 25 - Working with collapsible sets
- 26 - Using themes
7. jQuery Mobile Events
- 27 - Touch events
- 28 - Orientation events
- 29 - Scroll events
- 30 - Page initialization and load events
- 31 - Page change and transition events
8. The jQuery Mobile API
- 32 - Configuring jQuery Mobile defaults
- 33 - jQuery Mobile utility methods
Conclusion
- 34 - Goodbye