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

Video Description

In this video based training course for jQuery Mobile, expert author and trainer Ben Jaffe walks you through the basics of using this popular Javascript mobile framework to build fully functional mobile websites for mobile browsers. This course is designed for a beginner but familiarity with HTML and CSS markup languages will increase your understanding of how to work with the jQuery Mobile framework.
Ben begins the tutorial with a breakdown of what jQuery Mobile is, who uses it and what you can expect to achieve with it. He also instructs you on installing the tools you will need to get the most out of this course. Jumping right into jQuery Mobile, Ben teaches you how to create pages, dialogs, buttons and toolbars, all in the mobile style. You will learn how to mark up your content, build lists, handle forms, and even create and use themes. Finally you cover some of the Javascript events and methods available in the jQuery Mobile framework.
By the completion of this video tutorial, you will be able to use the jQuery Mobile framework to create websites that are designed for, and work on, the most popular smartphone browsers available today. Working files are included to allow you to follow along with the author throughout the course.

Table of Contents

  1. Introduction To jQuery Mobile
    1. What Is jQuery Mobile And Who Uses It 00:03:33
    2. What You Should Expect 00:00:45
    3. jQuery Mobile Vs. Native 00:03:52
    4. Device Support 00:01:52
  2. Tools You Will Need
    1. What Is A Local Server 00:02:20
    2. MAMP 00:03:10
    3. WAMP 00:04:05
    4. IOS Simulator 00:03:04
    5. Other Mobile Simulators 00:01:57
    6. Webkit Web Inspector 00:03:12
    7. Downloading jQuery Mobile 00:05:54
    8. Including jQuery Mobile 00:04:40
  3. Pages And Dialogs
    1. Page Structure 00:04:18
    2. Single-Page Templates 00:02:48
    3. Multi-Page Templates 00:04:34
    4. The Navigation Model 00:05:44
    5. Linking Pages 00:05:30
    6. Page Transitions 00:05:23
    7. Creating Dialogs 00:03:28
    8. Preloading Pages 00:04:44
    9. Page Titles And Prefetching 00:05:15
  4. Buttons
    1. Creating Basic Buttons 00:05:08
    2. Inline Buttons 00:02:20
    3. Button Groups 00:03:40
    4. Button Icons 00:03:52
    5. Icon Positioning 00:03:12
    6. Specifying Custom Button Icons 00:09:21
  5. Toolbars
    1. Toolbar Basics 00:01:10
    2. Headers 00:05:02
    3. Footers 00:05:07
    4. Toolbar Positioning 00:05:35
    5. Navbar Widgets 00:05:00
    6. Persistant Toolbars 00:04:40
  6. Content
    1. HTML Markup Styling 00:04:33
    2. Layout Grids 00:06:49
    3. Collapsible 00:03:07
    4. Accordion Widgets 00:01:51
  7. List Views
    1. Basic List Views 00:03:50
    2. List Dividers 00:02:33
    3. Nested Lists 00:04:32
    4. Inset Lists 00:01:45
    5. Split Button Lists 00:02:38
    6. Custom Icons 00:03:06
    7. Count Bubbles 00:05:53
    8. Content Formatting 00:09:07
    9. Search Filter Bar 00:01:54
    10. Lists And Forms 00:02:35
  8. Forms
    1. Form Basics 00:04:17
    2. HTML5 Form Attributes 00:05:17
    3. Placeholder Text And Label Accessibility 00:03:31
    4. Text Inputs 00:01:45
    5. Sliders 00:01:50
    6. Flip Toggle Switches 00:03:35
    7. Radio Buttons 00:02:00
    8. Checkboxes 00:01:11
    9. Select Buttons And Containing Form Elements 00:02:57
    10. Prevent Form Styling 00:02:16
    11. Submittal And Validation 00:05:58
  9. Themes
    1. Theming Pages 00:02:12
    2. Theming Content 00:02:04
    3. Theming Buttons 00:01:52
    4. Theming Forms 00:03:11
    5. Theming Lists 00:03:38
    6. Theme Roller - Part 1 00:06:45
    7. Theme Roller - Part 2 00:04:19
  10. Javascript Events And Methods
    1. Configuring Defaults 00:07:31
    2. Intro To Events 00:08:40
    3. Touch And Mouse Events 00:05:39
    4. Orientation And Scroll Events 00:07:43
    5. Page Manipulation Events 00:06:51
    6. Methods 00:02:59
  11. Conclusion
    1. About The Author 00:01:43