English French German Italian Portuguese Russian Spanish

logo_old

jQuery Mobile

 PDF PrintEmail

Course duration

  • 2 Days

Course Outline

In this jQuery Mobile training class, you will learn to use jQuery Mobile, an HTML5-based user interface system, to develop single sites for all popular smartphone, tablet, and desktop platforms. You'll learn how to use jQuery Mobile to handle touch events, build mobile-optimized forms and widgets, incorporate HTML5 features, leverage phone capabilities such as making calls and texting, and more. Along the way, we'll cover jQuery Mobile's extensive theme framework and plugin architecture.

  • Learn about jQuery Mobile's capabilities, supported devices, and support for accessibility.
  • Create page transitions, dialogs, and buttons optimized for mobile.
  • Incorporate phone-friendly forms, sliders, dialogs, and other widgets.
  • Handle touch, phone-orientation, scrolling and other phone events.
  • Learn how to use jQuery Mobile to make calls, send SMS text messages, send emails, and display video.
  • Extend jQuery Mobile's capabilities with the ThemeRoller framework.
  • Create plugins and incorporate others' plugins into your code.
  • HTML 4
  • Basic CSS
  • Basic JavaScript
  • Ajax
  • jQuery
  • HTML5
  • CSS3
  1. What Is jQuery Mobile?
    1. Overview
    2. Supported Devices/OSs/Browsers
    3. Levels of Support
    4. Progressive Enhancement
    5. Accessibility Support
    6. HTML5 and CSS3
  2. Getting Started with jQuery
    1. Hosting vs. CDN
    2. A Basic Page Template
    3. Ajax-driven Page Navigation
    4. Data-role
    5. Buttons and Linking Pages
    6. Page Transitions
    7. Dialogs
  3. Widgets and UI
    1. Lists
    2. Buttons and Toolbars
    3. Forms
    4. Sliders
    5. Search
    6. Dialogs
    7. Grids
    8. Collapsible Blocks
  4. Events
    1. Touch
    2. Orientation (Portrait/Landscape)
    3. Scroll
    4. Page
    5. Virtual
  5. Integration with the Phone
    1. Making Calls
    2. Sending Emails
    3. Sending SMS Texts
    4. PhoneGap
    5. Video
  6. PhoneGap
    1. What Is PhoneGap?
    2. Accessing Native Phone Capabilities with PhoneGap
    3. PhoneGap Build
    4. Supported Devices
  7. The Theme Framework
    1. ThemeRoller
    2. Themes and Swatches
    3. Lists and Buttons
    4. Overriding Themes with Custom CSS
  8. Plugins
    1. plugin Architecture
    2. Creating Your Own Plugin
    3. Using Others' Plugins

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.