JQuery Mobile

CloudLabs

Projects

Assignment

24x7 Support

Lifetime Access

.

Course Overview

jQuery Mobile training is a hands-on class introducing you to develope mobile applications using jQuery Mobile framework. In this class you will learn how to develop client side user interface for smart phones and tablets.

At the end of the training, participants will be able to:

At the end of jQuery Mobile training course, participants will be able to develop relatively complex user interfaces for mobile devices

Pre-requisite

  1. HTML 4 / XHTML knowledge
  2. JavaScript basic preferred
  3. jQuery basic preferred
  4. CSS basic preferred

Duration

2 days

Course Outline

  1. The mobile space today
  2. Advantages
  3. Challenges
  4. Native vs. web, is really a question?
  5. What is JQM?
  6. What is not jQM?
  7. What is a webapp?
  8. Why jQM?
  9. Features
  10. Compatibility
  11. Requirements
  1. HTML5 in a small nutshell
  2. Why HTML5?
  3. What do we need to know about HTML5 for jQM
  4. Basic template
  5. Testing HTML5 documents
  6. Emulators, Simulators & more
  7. Viewports on mobile browsers
  8. Custom data-* attributes
  1. Architecture
  2. Self hosted vs. CDNs
  3. CDNs available
  4. Main template
  5. Support on IDEs
  6. Roles
  7. Theming
  1. Headers and footers basics
  2. Mandatory items in a page
  3. Working with HTML in the content
  4. Navigation
  5. Internal page navigation
  6. External page navigation
  7. Understanding AJAX on mobile browsers
  8. Absolute external links
  9. Mobile Special links
  10. Transitions
  11. Dialogs
  12. Prefetching
  13. Integration with the Phone
  1. Customizing toolbars
  2. Positioning toolbars
  3. Navigation Bars
  4. Persistent footers and navigation
  5. Collapsible content
  6. Accordions
  7. Working with columns
  1. Creating buttons
  2. Inline buttons
  3. Grouped buttons
  4. Icons
  5. Custom icons
  1. Creating lists
  2. Full-page vs inset-lists
  3. Visual separators
  4. Nested lists
  5. Interactive rows
  6. Split button rows
  7. Row icons
  8. Thumbnails
  9. Count bubbles
  10. Aside content
  11. Title and Description
  12. Filtering data
  1. AJAX vs. non-AJAX forms
  2. Automatic form behaviour
  3. Labeling
  4. Field containers
  5. Text fields
  6. Slider
  7. Slider switch
  8. Select menus
  9. UI Select menus
  10. Radio Buttons
  11. Checkboxes
  12. File Upload
  13. Validation using HTML5
  1. Using jQuery inside jQuery Mobile
  2. $.mobile element
  3. The mobileinit event
  4. Configuring defaults
  5. Touch events
  6. Orientation events
  7. Scroll events
  8. Page events
  9. Virtual mouse events
  10. Managing navigation through JavaScript
  1. HTML5 vs AJAX
  2. Bringing JSON data to jQuery Mobile
  3. Updating form controls
  4. Updating lists
  5. Implementing Infinite list pattern
  1. Using plugins
  2. The top 5 plugins for jQuery Mobile
  3. Creating our own plugin
  4. Plugin architecture
  5. Understanding CSS architecture
  6. Define our own CSS patch
  7. Changing CSS behavior
  1. Using Web Storage and WebSQL
  2. Using geolocation
  1. The offline manifest
  2. Full-screen webapps for iOS
  3. What is a hybrid
  4. PhoneGap vs other alternatives
  5. Packaging a sample application

Reviews