Home » Software Training » jQuery Mobile » Understanding Page Code

Connecting...

This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of jQuery Mobile
Bookmark & Share Embed

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Please ensure that your website editor is in text mode when you paste the code.
(In Wordpress, the mode button is on the top right corner.)
  ×
  • - Allow users to view the embedded video in full-size.
Since this lesson is not free, only the preview will appear on your website.

  • Discussion

  • Table of Contents

Please login to ask a question and view discussion.

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!
    Candyce Mairs

    Candyce Mairs

    Understanding Page Code

    Slide Duration:

    Table of Contents

    Section 1: Becoming Familiar with Mobile Websites
    What Is a Mobile Website?

    6m 11s

    Exploring the Travel Adventures Mobile Site: iPad 2

    5m 19s

    Exploring the Travel Adventures Mobile Site: Mobile Phone

    4m 42s

    What Is jQuery Mobile?

    4m 27s

    jQuery vs. jQuery Mobile

    4m 54s

    The Supported Platform Grading System

    4m 38s

    jQuery Mobile Files and Versioning

    9m 8s

    Section 2: Dreamweaver CS6 Course Setup
    Setting Up the Course Files for Dreamweaver

    3m 18s

    Setting Up a Local Site

    10m 27s

    Dreamweaver jQuery Mobile Starters

    8m 11s

    jQuery Mobile Support in Dreamweaver CS6

    4m 59s

    Section 3: Other HTML Editor Course Setup
    Setting Up the Course Files Without Dreamweaver

    5m 55s

    HTML Editor Setup

    4m 8s

    Section 4: Creating Pages
    HTML Pages vs. jQuery Mobile Pages

    6m 55s

    Planning Your Site

    4m 22s

    Creating a jQuery Mobile Page

    3m 38s

    The Elements of a jQuery Mobile Page

    5m 25s

    Understanding Page Code

    5m 27s

    Adding a Page

    6m 3s

    Loading and Transitioning Mobile Pages

    5m 2s

    Section 5: Adding Content
    Attaching an Additional Style Sheet

    4m 19s

    Working with List Views

    5m 28s

    Setting Up Pages

    6m 6s

    Categorizing Lists Using Dividers

    9m 20s

    Adding Count Bubbles

    4m 52s

    Adding the Back Button

    12m 15s

    Adding Footer Navigation Buttons

    9m 33s

    Adding Footer Navigation on All Pages

    3m 56s

    Section 6: Styling Content
    Previewing on a Phone

    2m 43s

    Previewing on a Tablet

    2m 42s

    jQuery Mobile Built-In Themes

    5m 36s

    Changing Content Themes

    7m 41s

    Completing the Website Styling

    6m 29s

    Section 7: Setting Up jQuery Mobile Plug-Ins
    What Is a Plug-In?

    3m 54s

    Downloading the PhotoSwipe Plug-In

    6m 12s

    Section 8: Building the Photo Gallery
    Creating the Gallery Page

    8m 8s

    Adding the PhotoSwipe Coding

    9m 59s

    Setting up the Page Sections

    9m 43s

    Adding the Gallery Pages

    7m 41s

    Adding Gallery Navigation Buttons

    7m 50s

    Correcting the PhotoSwipe Structure

    4m 39s

    Fine-Tuning the Photo Gallery

    8m 44s

    Viewing on the iPod Touch

    3m 24s

    Section 9: Adding a Twitter Feed
    Adding a Feed Page

    8m 2s

    Adding a Twitter Widget

    10m 23s

    Testing on an iPad 2

    6m 11s

    Section 10: Final Touches
    Adding the Final Touches

    8m 1s

    Adding Images and Icons

    9m 10s

    Correcting for Photoswipe Images

    9m 19s

    Final Testing on an iPhone

    2m 31s

    Final Testing on a Tablet

    2m 59s

    Final Testing on a Windows Phone

    3m 38s

    Educator®

    Please sign in to participate in this lecture discussion.

    Resetting Your Password?
    or
    Still having trouble? Contact us
    OR

    Start Learning Now

    Our free lessons will get you started (Adobe Flash® required).
     Get immediate access to our entire library.

    Membership Overview

    • Available 24/7. Unlimited Access to Our Entire Library.
    • Search and jump to exactly what you want to learn.
    • *Ask questions and get answers from the community and our teachers!
    • Practice questions with step-by-step solutions.
    • Download lecture slides for taking notes.
    • Track your course viewing progress.
    • Accessible anytime, anywhere with our Android and iOS apps.