jQuery Mobile Free Tutorial

Welcome to our free jQuery Mobile tutorial. This tutorial is based on Webucator's jQuery Mobile course.

Contact Us or call 1-877-932-8228
  • google plus
Start Tutorial or choose from a lesson below

Lesson 1: What Is jQuery Mobile?

In this lesson, we will take a first look at jQuery Mobile: what it is, how it works, and how to begin building mobile-optimized web pages with it.

Lesson 2: Getting Started with jQuery Mobile

In this lesson, we'll cover how to set up a basic jQuery Mobile page: how to include needed pages, create markup for a basic page, link to pages, and create transitions.

Lesson 3: Widgets and UI

The much smaller screens on mobile devices present unique challenges for user interface design. We'll look at how jQuery Mobile adopts successful UI design patterns and offers useful UI widgets to give visitors to your pages easy access to a wide variety of content and interactions.

Lesson 4: JavaScript & Events

Many global jQuery Mobile options are easily customizable through JavaScript. We can also use JavaScript to enhance the user experience in our sites and web apps by responding to gesture, device orientation, and other events.

Lesson 5: Integration with the Phone

We can leverage many useful capabilities on mobile devices - capabilities that don't exist, in quite the same way or at all, on desktops - when building sites for phones: making a call, sending a text message, exploiting our current location, and other mobile-specific features. We can also customize our sites and apps for phone by adding icons appropriate for bookmarks and home screens. These strategies aren't strictly jQuery Mobile-based but fit in nicely with web development aimed at phones.

Lesson 6: The Theme Framework

jQuery Mobile offers an extensive theme framework, allowing you the convenience of selecting from preexisting styles - based on well-established design patterns optimized for mobile use - but also the ability to customize the layout and style of your sites.

Lesson 7: Plugins

We can use JavaScript to extend the functionality of jQuery Mobile - to automate repetitive tasks, apply event handling to desired elements, and enhance significantly the way users interact with our pages. Plugins offer a way to abstract complicated functionality into units of code that are manageable and extensible, and that leverage the underlying power of the jQuery Mobile and jQuery frameworks.

Try The Complete Course

In addition to the free course material here, our complete self-paced course includes:

  • Video Presentations from Expert Instructors
  • Exercises
  • Interactive Quizzes
  • Readings and Tasks
Learn More