facebook google plus twitter

Webucator's Free jQuery Mobile Tutorial

Welcome to our free jQuery Mobile tutorial. This tutorial is based on Webucator's jQuery Mobile course.
Start Tutorial or choose from a lesson below
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.
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.
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.
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.
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.
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.
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.