Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

10 Useful jQuery Mobile Tutorials

DZone's Guide to

10 Useful jQuery Mobile Tutorials

· Web Dev Zone
Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

jQuery 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. 14

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.  jQuery Mobile

View Live Demo

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.  jQuery Mobile

View Live Demo

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. 4

View Live Demo

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. 5

View Live Demo

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 11

View Live Demo Part1 Part2

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

View Live Demo

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.  jQuery Mobile

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!  jQuery Mobile

View Live Demo

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. 1

View Live Demo

Reference: http://webdesign14.com/8-useful-jquery-mobile-tutorials/

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}