JQuery Mobile

Have Queries? Ask us +91 72592 22234

Course Overview


Xpertised Offers Advanced and Personalized Instructor Led Online Classroom training on JQuery Mobile which gives you the opportunity to interact with a JQuery Mobile instructor and help you enhance yourself to meet the demands of the industry.

Learn from our instructors from the convenience of your home or office. Interact and learn live with trainers and other participants.

Course Content


The Background

  • The mobile space today
  • Advantages
  • Challenges
  • Native vs. web, is really a question?
  • What is JQM?
  • What is not jQM?
  • What is a webapp?
  • Why jQM?
  • Features
  • Compatibility
  • Requirements

HTML5 basics

  • HTML5 in a small nutshell
  • Why HTML5?
  • What do we need to know about HTML5 for jQM
  • Basic template
  • Testing HTML5 documents
  • Emulators, Simulators & more
  • Viewports on mobile browsers
  • Custom data-* attributes

The framework

  • Architecture
  • Self hosted vs. CDNs
  • CDNs available
  • Main template
  • Support on IDEs
  • Roles
  • Theming

The page

  • Headers and footers basics
  • Mandatory items in a page
  • Working with HTML in the content
  • Navigation
  • Internal page navigation
  • External page navigation
  • Understanding AJAX on mobile browsers
  • Absolute external links
  • Mobile Special links
  • Transitions
  • Dialogs
  • Prefetching
  • Integration with the Phone

UI Components

  • Customizing toolbars
  • Positioning toolbars
  • Navigation Bars
  • Persistent footers and navigation
  • Collapsible content
  • Acoordions
  • Working with columns

Buttons

  • Creating buttons
  • Inline buttons
  • Grouped buttons
  • Icons
  • Custom icons

Lists

  • Creating lists
  • Full-page vs inset-lists
  • Visual separators
  • Nested lists
  • Interactive rows
  • Split button rows
  • Row icons
  • Thumbnails
  • Count bubbles
  • Aside content
  • Title and Description
  • Filtering data

Forms

  • AJAX vs. non-AJAX forms
  • Automatic form behaviour
  • Labeling
  • Field containers
  • Text fields
  • Slider
  • Slider switch
  • Select menus
  • UI Select menus
  • Radio Buttons
  • Checkboxes
  • File Upload
  • Validation using HTML5

The framework and JavaScript

  • Using jQuery inside jQuery Mobile
  • $.mobile element
  • The mobileinit event
  • Configuring defaults
  • Touch events
  • Orientation events
  • Scroll events
  • Page events
  • Virtual mouse events
  • Managing navigation through JavaScript

Dynamic data with jQuery Mobile

  • HTML5 vs AJAX
  • Bringing JSON data to jQuery Mobile
  • Updating form controls
  • Updating lists
  • Implementing Infinite list pattern

Extending the framework

  • Using plugins
  • The top 5 plugins for jQuery Mobile
  • Creating our own plugin
  • Plugin architecture
  • Understanding CSS architecture
  • Define our own CSS patch
  • Changing CSS behavior

Managing data with HTML5

  • Using Web Storage and WebSQL
  • Using geolocation

Packaging for installation and stores

  • The offline manifest
  • Full-screen webapps for iOS
  • What is a hybrid
  • PhoneGap vs other alternatives
  • Packaging a sample application

Customer Reviews


Thanks to Xpertised and the tutor who walked me through all the topics with Practical exposure which is helping me in my current project.
-Waseem

Course was quite helpful in terms of understanding of concepts and practicality. Its really a very friendly environment to learn. The timing were mutually chosen, as we both are working professional. I am quite satisfied with the course.
-Tanmoy

...more
Share:

For Batch Details
Call us at: +91 7259222234

Not sure? Consult Our Experts

Looking for a Training for

Myself

My Team/Organization

I agree to be contacted over mail or phone

or
Call us at: +91 7259222234