Developing Mobile Web Applications with jQuery Mobile

Contact PI


  • Self-Paced

  • Onsite

← Continue Searching

Duration: 6 Hours

In this course, you learn how to use the jQuery Mobile framework to build mobile web applications.

The jQuery Mobile framework enhances web pages with user interface elements designed for smartphones and tablets. Developers can customize the theme of mobile applications to create a common visual identity across different devices.

The course begins with a quick start guide for building jQuery Mobile web applications. Using little to no additional JavaScript programming, developers can design web applications for major mobile platforms. You learn how jQuery Mobile provides page views, list views, and dialogs for mobile systems. The exercises in the course help you build your own mobile web development skills by covering jQuery and jQuery Mobile user interface widgets and themes.

What You'll Learn

  • Describe the benefits of using the jQuery Mobile framework for building cross-device web applications
  • Describe the features of jQuery Mobile
  • Use jQuery Mobile to auto-enhance form control elements that accept data input
  • Create mobile pages, lists, and dialogs
  • Link between pages in a mobile web application
  • Get external data resources and display them in the page
  • Develop and test jQuery mobile applications


Who Needs to Attend

This intermediate course is designed for web developers and application programmers who want to create cross-platform dynamic web applications that can run on desktop browsers and mobile devices.

Prerequisites

  • Some experience in developing web applications that are marked up with HTML (Hypertext Markup Language) and JavaScript
  • Basic understanding of the document object model (DOM) and the use of common HTML markup elements, such as
    and
  • Some familiarity with the Eclipse-based development tools

These prerequisites can be met through experience by successfully completing course Introduction to HTML5 and JavaScript Programming (ZU370).

Follow-On Courses

There are no follow-ons for this course.


Course Outline

  • Course introduction
  • jQuery Mobile overview
  • Exercise: Developing an HTML5 mobile web page that uses jQuery mobile form controls
  • Getting started with jQuery scripting
  • Exercise: Creating a mobile user interface for the index page of a web application
  • Exercise: Developing a jQuery Mobile page that updates its information from a web service