2012
Video2Brain
Candyce Mairs
5h20m
English
In this course, expert web developer and trainer Candyce Mairs gets you up and running as a mobile site developer using the jQuery Mobile framework. You'll learn the difference between jQuery Mobile and HTML pages and become familiar with the idea of using libraries and themes to feature and style your mobile website. Then you'll get started creating and updating pages in the mobile space, and even learn how to add features like a date picker for forms, a Twitter feed, and a photo gallery. Along the way you'll see how to test your designs on a variety of devices to make sure they're ready for prime time.
Becoming Familiar with Mobile Websites
What Is a Mobile Website?
06:11
Exploring the Travel Adventures Mobile Site: iPad 2
05:20
Exploring the Travel Adventures Mobile Site: Mobile Phone
04:43
What Is jQuery Mobile?
04:27
jQuery vs. jQuery Mobile
04:55
The Supported Platform Grading System
04:39
jQuery Mobile Files and Versioning
09:08
Dreamweaver CS6 Course Setup
Setting Up the Course Files for Dreamweaver
03:18
Setting Up a Local Site
10:28
Dreamweaver jQuery Mobile Starters
08:11
jQuery Mobile Support in Dreamweaver CS6
04:60
Other HTML Editor Course Setup
Setting Up the Course Files Without Dreamweaver
05:55
HTML Editor Setup
04:08
Creating Pages
HTML Pages vs. jQuery Mobile Pages
06:55
Planning Your Site
04:23
Creating a jQuery Mobile Page
03:38
The Elements of a jQuery Mobile Page
05:26
Understanding Page Code
05:27
Adding a Page
06:04
Loading and Transitioning Mobile Pages
05:02
Adding Content
Attaching an Additional Style Sheet
04:19
Working with List Views
05:28
Setting Up Pages
06:07
Categorizing Lists Using Dividers
09:21
Adding Count Bubbles
04:52
Adding the Back Button
12:15
Adding Footer Navigation Buttons
09:33
Adding Footer Navigation on All Pages
03:56
Styling Content
Previewing on a Phone
02:44
Previewing on a Tablet
02:43
jQuery Mobile Built-In Themes
05:36
Changing Content Themes
07:42
Completing the Website Styling
06:29
Setting Up jQuery Mobile Plug-Ins
What Is a Plug-In?
03:54
Downloading the PhotoSwipe Plug-In
06:12
Building the Photo Gallery
Creating the Gallery Page
08:08
Adding the PhotoSwipe Coding
09:59
Setting Up the Page Sections
09:43
Adding the Gallery Pages
07:41
Adding Gallery Navigation Buttons
07:50
Correcting the PhotoSwipe Structure
04:40
Fine-Tuning the Photo Gallery
08:45
Viewing on the iPod Touch
03:24
Adding a Twitter Feed
Adding a Feed Page
08:02
Adding a Twitter Widget
10:23
Testing on an iPad 2
06:11
Final Touches
Adding the Final Touches
08:02
Adding Images and Icons
09:10
Correcting PhotoSwipe Images
09:19
Final Testing on an iPhone
02:31
Final Testing on a Tablet
02:60
Final Testing on a Windows Phone
03:39

http://www.video2brain.com/en/courses/jquery-mobile-building-a-mobile-website

Download File Size:1.23 GB

---