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
-
Introduction To jQuery Mobile
- What Is jQuery Mobile And Who Uses It 00:03:33
- What You Should Expect 00:00:45
- jQuery Mobile Vs. Native 00:03:52
- Device Support 00:01:52
-
Tools You Will Need
- What Is A Local Server 00:02:20
- MAMP 00:03:10
- WAMP 00:04:05
- IOS Simulator 00:03:04
- Other Mobile Simulators 00:01:57
- Webkit Web Inspector 00:03:12
- Downloading jQuery Mobile 00:05:54
- Including jQuery Mobile 00:04:40
-
Pages And Dialogs
- Page Structure 00:04:18
- Single-Page Templates 00:02:48
- Multi-Page Templates 00:04:34
- The Navigation Model 00:05:44
- Linking Pages 00:05:30
- Page Transitions 00:05:23
- Creating Dialogs 00:03:28
- Preloading Pages 00:04:44
- Page Titles And Prefetching 00:05:15
-
Buttons
- Creating Basic Buttons 00:05:08
- Inline Buttons 00:02:20
- Button Groups 00:03:40
- Button Icons 00:03:52
- Icon Positioning 00:03:12
- Specifying Custom Button Icons 00:09:21
-
Toolbars
- Toolbar Basics 00:01:10
- Headers 00:05:02
- Footers 00:05:07
- Toolbar Positioning 00:05:35
- Navbar Widgets 00:05:00
- Persistant Toolbars 00:04:40
-
Content
- HTML Markup Styling 00:04:33
- Layout Grids 00:06:49
- Collapsible 00:03:07
- Accordion Widgets 00:01:51
-
List Views
- Basic List Views 00:03:50
- List Dividers 00:02:33
- Nested Lists 00:04:32
- Inset Lists 00:01:45
- Split Button Lists 00:02:38
- Custom Icons 00:03:06
- Count Bubbles 00:05:53
- Content Formatting 00:09:07
- Search Filter Bar 00:01:54
- Lists And Forms 00:02:35
-
Forms
- Form Basics 00:04:17
- HTML5 Form Attributes 00:05:17
- Placeholder Text And Label Accessibility 00:03:31
- Text Inputs 00:01:45
- Sliders 00:01:50
- Flip Toggle Switches 00:03:35
- Radio Buttons 00:02:00
- Checkboxes 00:01:11
- Select Buttons And Containing Form Elements 00:02:57
- Prevent Form Styling 00:02:16
- Submittal And Validation 00:05:58
-
Themes
- Theming Pages 00:02:12
- Theming Content 00:02:04
- Theming Buttons 00:01:52
- Theming Forms 00:03:11
- Theming Lists 00:03:38
- Theme Roller - Part 1 00:06:45
- Theme Roller - Part 2 00:04:19
-
Javascript Events And Methods
- Configuring Defaults 00:07:31
- Intro To Events 00:08:40
- Touch And Mouse Events 00:05:39
- Orientation And Scroll Events 00:07:43
- Page Manipulation Events 00:06:51
- Methods 00:02:59
-
Conclusion
- About The Author 00:01:43
Product information
- Title: jQuery Mobile
- Author(s):
- Release date: June 2012
- Publisher(s): Infinite Skills
- ISBN: 9781771370059
You might also like
video
Learning to Create a JQuery Mobile Website
In this introduction to jQuery Mobile training course, renowned author and developer Chris Converse teaches you …
video
Building Apps that Run Everywhere with jQuery Mobile and PhoneGap
The massive growth of mobile computing presents software developers with amazing opportunities, but also significant challenges. …
video
Building Mobile Applications with jQuery Mobile: Tips and Techniques
In this interactive event, Jon Reid, the author of jQuery Mobile, will cover the following:What you …
book
jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples
100+ Practical jQuery Recipes for Solving Your Real-World Web and Mobile Development Challenges! jQuery makes it …