10 Useful jQuery Mobile Tutorials
by
Join the DZone community and get the full member experience.
Join For FreejQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, jQuery mobile is cross-platform mobile JavaScript development. jQuery Mobile just reached Beta 1 status and is well on its way to its GA release. In this post I will show you 8 Useful jQuery Mobile tutorials that you can use as a guide to learn jQuery Mobile.
1. Creating a Website Using JQuery Mobile
In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.
View Live Demo Part1 Part2 Part3
2. jQuery Mobile: What Can It Do for You? In this article, elated is sharing detailed jquery mobile tutorial which look at some of the key features and benefits of jQuery Mobile, and show some examples of how this new framework can help you build top-quality mobile apps in next to no time.
3. Getting Started with jQuery Mobile & Rails 3
This tutorial teach us how to create CRUD application with Rails 3 and jQuery Mobile. The application will allow us to create, read, update and delete blog posts from mobile devices.
4. Creating a Simple App Using jQuery Mobile
In this article, we’ll take a look at how easy it is to create a simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions.
5. How to create a mobile WordPress theme with jQuery Mobile
In this tutorial, catswhocode show us how to create a mobile-optimized WordPress theme.
6. Two-Minute Tutorial 1
This Two-Minute Tutorial (TMT1 Part1) shows how to use AppLaud and the PhoneGap Media API to play an audio file, and use jQuery Mobile for a simple UI using buttons and updated text display. It also shows two ways to access the audio file: as a url, and locally (from the device) using the project's /assets folder
7. jQuery Mobile Framework – A Forms Tutorial
jQuery Mobile is a relatively new mobile web framework, with its first release made in October 2010. The framework has many interesting features to support development of web based mobile applications. In this tutorial, we will focus on some basic elements of jQuery Mobile: page structure, forms and Ajax form submission. The tutorial is based on version 1.0 alpha release 2 of the jQuery Mobile framework.
8. Creating a Website Using JQuery Mobile
In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.
View Live Demo Part1 Part2 Part3
9. How to Build an RSS Reader with jQuery Mobile This is maybe the first jquery mobile tutorial that I found in the net. This tutorial teach us how to build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!
10. Build a jQuery Mobile Survey App: App Logic & Interface
In this part of the tutorial we are going to create a mobile friendly web interface with jQuery Mobile so that our survey can be taken easily on any HTML5 compatible smartphone. This can be done very easily as jQuery Mobile comes with pre-defined CSS templates that look great in mobile browsers in addition to being a great javascript library that helps developers create “app-like” experiences for mobile websites.
Reference: http://webdesign14.com/8-useful-jquery-mobile-tutorials/
Opinions expressed by DZone contributors are their own.
Comments