jQuery Mobile – App Basics, UI Controls and Navigation


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description
jQuery Mobile is a touch-optimized web development framework that lets you build mobile web apps that can be used across a range of devices. In this course, you'll learn the fundamentals of building apps with jQuery Mobile. You'll also learn about page creation and the addition of UI components, as well as the use of navigation elements and transition effects.

Target Audience
Individuals with experience using HTML5, JavaScript, and CSS who wish to learn how to use jQuery Mobile to create mobile apps

Prerequisites
None

Expected Duration (hours)
2.2

Lesson Objectives

jQuery Mobile – App Basics, UI Controls and Navigation

  • start the course
  • recognize the basic features of jQuery Mobile
  • use jQuery Mobile single and multi-page templates
  • understand Ajax driven navigation used in jQuery Mobile apps
  • use available transition effects in jQuery Mobile apps
  • configure dialogs and popups in jQuery Mobile apps
  • configure action sheets in jQuery Mobile apps
  • configure responsive layouts in jQuery Mobile apps with CSS media queries
  • configure a header bar in a jQuery Mobile app
  • configure a header bar with buttons in a jQuery Mobile app
  • configure back buttons in jQuery Mobile apps
  • configure a footer bar in a jQuery Mobile app
  • use navbars in jQuery Mobile apps
  • configure toolbars with icons in jQuery Mobile apps
  • configure toolbars with segmented controls in jQuery Mobile apps
  • configure tab bars with standard icons in jQuery Mobile apps
  • configure persistent tab bars in jQuery Mobile apps
  • configure tab bars with custom icons in jQuery Mobile apps
  • configure tab bars with segmented controls in jQuery Mobile apps
  • configure buttons in jQuery Mobile apps
  • configure buttons dynamically in jQuery Mobile apps
  • configure overflow scrolling in jQuery Mobile apps
  • configure page pre-fetching and caching in jQuery Mobile apps
  • configure page linking in jQuery Mobile apps
  • dynamically generate content at the client side in jQuery Mobile apps
  • to understand how to use jQuery Mobile UI and navigation elements to create mobile apps

    • Course Number:
    sl_jqry_a01_it_enus

    Expertise Level
    Beginner