Consulting Training Blog Careers About Us Contact Us

Express jQuery Mobile Training

Upcoming Classes

Sorry, nothing scheduled right now. Click the Get Notified button below to be alerted when a class is scheduled.

Get Notified

On Site/Private

Can't find a class that fits right for you? Contact us to inquire about scheduling your own private class

Contact Us

Description

You need to build an app, and you need it to run everywhere. And you need it now! jQuery Mobile gives you the ability to write once and run everywhere using jQuery and jQuery UI. Express jQuery Mobile will teach you how to create themable, responsive, native-looking applications for iOS, Android, Windows Phone, Blackberry, and more.

  • Discover what sets jQuery Mobile apart from other mobile web development platforms
  • Walk through practical examples of jQuery Mobile features, including design elements and event handling
  • Dig into the jQuery API, integrate web services, and learn how to publish to app stores with Phone Gap

jQuery Mobile is a framework for delivering cross-platform mobile web applications with a unified interface. jQuery Mobile combines responsive layouts with progressive enhancement to render the best possible user experience from a single code base. With Express jQuery Mobile, you'll be creating amazing mobile apps in no time.

Bring This Course To You

For groups of 5 or more, let Intertech bring this course to your location. Customized versions tailored towards your objectives are also available.

Learn More

Learning Objectives

  • Unique features of jQuery Mobile
  • jQuery Mobile core features, including page structure, navigation, and form elements
  • The entire jQuery Mobile API, including data attributes, methods, and events
  • How to apply jQuery Mobile to specific cases, including iOS and Android apps
  • How to publish your apps to app stores via PhoneGap
  • Integrating web services and Google Maps into your jQuery Mobile apps

Audience

Mobile developers who want to master jQuery Mobile and build cross-platform mobile web applications from a single code base.

Prerequisites

  • HTML 4 / XHTML knowledge
  • JavaScript basic preferred
  • jQuery basic preferred
  • CSS basic preferred

Course Outline

Why jQuery Mobile?

  • Universal Access
  • Unified UI Across All Mobile Platforms
  • Simplified Markup-Driven Development
  • Progressive Enhancement
  • Responsive Design
  • Themable Styling
  • Accessible

Getting Started with jQuery Mobile

  • jQuery Mobile Pate Template
    • jQuery Mobile Page Enhancements
  • Multi-Page Template
    • Setting the Page Title of an Internal Page
    • Single-Page versus Multi-Page Documents
  • Ajax-Driven Navigation
    • $.mobile.changePage()
    • Usage
    • Arguments
    • Configuring Ajax Navigation
  • Transitions
  • Dialogs
    • Link versus Page Configuration
    • Action Sheets
    • Dialog UX Guidelines
  • Responsive Layouts with Media Queries

Navigating with Headers, Toolbars and Tab Bars

  • Header Bar
    • Header Basics
    • Header Structure
    • Header Positioning
    • Header Buttons
    • Buttons with Text and Icons
    • Buttons with Only Icons
    • Header Bar with Segmented Control
    • Fixing a Trucated Header or Footer
  • Back Button
    • Back Linking
  • Footer Bar
    • Footer Basics
    • Footer Structure
    • Footer Positioning
    • Footer Buttons
  • Toolbars
    • Toolbars with Icons
    • Toolbar with a Segmented Control
  • Tab Bars
    • Tab Bar with Standard Icons
    • Persistent Tab Bar
    • Tab Bar with Custom Icons
    • Tab Bar with a Segmented Control

Form Elements and Buttons

  • Buttons
    • Link Buttons
    • Form Buttons
    • Image Buttons
    • Styling Buttions with Icons
    • Icon-only Buttons
    • Icon Positioning
    • Buttons with Custom Icons
    • Grouping Buttons
    • Theming Buttons
    • Dynamic Buttons
  • Form Elements
    • Form Basics
    • Text Inputs
    • Select Menus
    • Radio Buttons
    • Checkboxes
    • Slider
    • Switch Control
    • Native Form Elements
    • Mobiscroll Date Picker

List Views

  • List Basics
  • Inset Lists
  • List Dividers
  • Lists with Thumbnails and Icons
  • Split Buttion Lists
  • Numbered Lists
  • Read-only Lists
  • List Badges (Count Bubbles)
  • List Filtering with Search Bar
  • Dynamic Lists
    • List Options
    • List Methods
    • List Events

Formatting Content with Grids and CSS Gradients

  • Grid Layouts
    • Grid Templates
    • Two-Column Grid
    • Three-Column Grid with CSS Enhancements
    • Four-Column Grid with App Icons
    • Five-Column Grid with Emoji Icons
    • Multi-Row Grid
    • Uneven Grids
    • Springboard
  • Collapsible Content Blocks
  • Collapsible Sets
  • Styling with CSS Gradients

Creating Themable Designs

  • Theme Basics
  • Themes and Swatches
  • Theme Defaults
  • Theme Inheritance
    • Theme Precedence
  • Custom Themes
  • ThemeRoller
    • Swatch and Global Settings
    • Preview Inspector and QuickSwatch Bar
    • Adobe Kuler Integration

jQuery Mobile API

  • Configuring jQuery Mobile
    • Custom Script Placement
    • Configurable jQuery Mobile Options
  • Methods
  • Events
    • Events Overview
    • Trigger Events
  • Properties
  • Data Attributes

Service Integration Strategies

  • Client-side Integration with RESTful Services
    • Client-side Twitter Integration with Ajax
    • Client-side Form POST with Ajax
  • Server-side Integration with MVC
    • Server-side Form POST with MVC
    • Sever-side Data Access with MVC
    • Server-side versus Client-side
  • Google Maps Integration

Easy Deployment with PhoneGap

  • What is PhoneGap?
  • Running jQuery Mobile as an iOS App
  • Running jQuery Mobile as and Android App
  • Open App Market
  • Client-side Device APIs

Intertech delivers a full suite of mobile cross platform consulting, iPhone consulting, Android Consulting, and Windows Store/Phone consulting.

Free Resources from Intertech

Complete Guide to Becoming a Full Stack Developer

Free eBook: Top Freeware Picks for Developers

Free Guide: Tips For A Virtual Development Environment

X