O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

jQuery Mobile Framework

Video Description

jQuery Mobile is a flexible jQuery/HTML5/CSS3based framework that you can use to build web sites optimized for display on a large variety of mobile devices. jQuery Mobile is easy to use and develop due to its lightweight code. Multiple themes and designs allow you to change your site and appearance easily. This VTC course by jQuery Mobile expert, Trevor James, starts from the beginner level and uses practical examples to demonstrate the jQuery Mobile framework. You will learn how to build an entire web site that will display on a variety of mobile devices. Source code is included. To begin learning today, simply click on the movie links.

Table of Contents

  1. Introduction to jQuery Mobile
    1. What jQuery Is 00:06:19
    2. jQuery Mobile Framework 00:06:18
    3. Why Use jQuery Mobile? 00:03:05
    4. What Devices Are Supported 00:04:13
    5. jQuery Mobile & CSS3 / HTML5 00:06:11
    6. jQuery Mobile Versions 00:04:54
    7. jQuery Mobile vs. Native Apps 00:02:46
  2. Requirements and Tools for the Course
    1. Examples of jQuery Mobile Sites 00:05:19
    2. Requirements for the Course 00:03:45
    3. Tools for Development pt. 1 00:06:45
    4. Tools for Development pt. 2 00:06:24
    5. HTML5 and CSS3 00:05:42
    6. Mockup of the Course Site 00:02:31
  3. Setting Up a Development Environment
    1. Installing MAMP or MAMP Pro 00:05:21
    2. Using MAMP 00:06:34
    3. Using WAMP 00:03:59
    4. Using iOS Simulator 00:04:18
    5. Android Simulators 00:04:23
    6. Testing on iPhone and iPad 00:05:28
    7. Testing in Multiple Browsers 00:05:09
  4. Page Development
    1. Semantic HTML5 00:04:41
    2. Base HTML5 Template 00:06:41
    3. Single Page Template 00:06:38
    4. Multiple Pages 00:06:41
    5. Linking Pages 00:06:10
    6. External Pages 00:06:13
    7. Page Navigation 00:06:51
    8. Transitions 00:06:10
    9. Dialogs 00:05:20
    10. Lists 00:06:40
    11. Back Buttons 00:04:17
    12. Prefetching and Caching Pages 00:06:20
  5. Toolbar Development
    1. jQuery Mobile Toolbars 00:06:08
    2. Building Headers 00:05:39
    3. Building Footers 00:06:04
    4. Building Navigation 00:06:53
    5. Positioning Toolbars 00:05:20
    6. Footer Navigation 00:05:10
    7. How to Theme Toolbars 00:06:51
    8. Advanced Toolbar Theming 00:06:54
  6. Buttons
    1. Button Widgets 00:05:50
    2. Adding Button Icons 00:05:39
    3. Installing Icon Packs 00:05:32
    4. Configuring Inline Buttons 00:03:27
    5. Grouping Buttons 00:03:21
    6. Theming Buttons 00:06:21
    7. Advanced Button Theming 00:04:14
  7. Theming Pages
    1. Tour of jQuery Mobile JS 00:03:52
    2. Tour of jQuery Mobile CSS 00:02:51
    3. How to Theme jQuery Mobile 00:06:55
    4. Page Theming with Data-theme 00:07:45
    5. Tweaking CSS3 and HTML5 00:04:51
    6. CSS3 Tweaking 00:05:12
    7. CSS3 Gradients 00:03:45
    8. Using Icons 00:02:08
    9. Theming Bars and Blocks 00:02:19
    10. Theming Lists and Buttons 00:03:35
  8. jQuery Mobile Layout Theming
    1. Using HTML 00:04:34
    2. Layouts 00:05:04
    3. Multiple Column Layouts pt. 1 00:05:53
    4. Multiple Column Layouts pt. 2 00:04:55
    5. Collapsible Blocks and Content 00:08:18
    6. Accordions 00:06:04
    7. Theming Layouts 00:04:50
    8. Advanced Layout Theming 00:04:41
    9. Adding Images pt. 1 00:03:49
    10. Adding Images pt. 2 00:06:46
    11. Adding Images pt. 3 00:06:15
  9. jQuery Mobile API
    1. jQuery Mobile API 00:05:51
    2. Events 00:03:39
    3. jQuery Mobile Methods 00:03:39
    4. Layout Helpers 00:03:27
    5. Theme Framework 00:05:32
  10. Performance
    1. Performance Concerns and Solutions 00:03:33
    2. Deploying Your Site for iOS 00:03:25
  11. jQuery Mobile Forms
    1. Building a Submission Form 00:06:05
    2. Optimizing Forms for Touch Screen 00:06:00
    3. Checkboxes 00:05:05
    4. Radio Buttons 00:07:01
    5. Selection Lists 00:06:33
  12. jQuery Mobile Resources
    1. jQuery Mobile Community Site 00:06:17
    2. jQuery Mobile Books 00:04:56
    3. jQuery Mobile and Open Source 00:03:05
    4. jQuery Mobile and CMS 00:04:30
  13. Conclusion
    1. Course Wrap Up 00:04:14
  14. Credits
    1. About the Author 00:01:59