Skip to main content

jQuery Mobile Development Guide

Posted on April 16, 2012 by Anthony James Founder/CEOAnthony James Founder/CEO

jQuery Mobile has rocked the web with an easy way of quickly developing mobile applications. Not just mobile web apps but using PhoneGap you can build native applications that can be downloaded in the available app stores. jQuery Mobile can be as flexible as you want it to be, but out of the box it’s built to quickly launch your applications with pre-built design templates or using the jQuery Mobile theme roller.
Below is a detailed plan that will help you learn jQuery Mobile and all the possibilities. Use it as a reference guide when your looking to figure something out or trying to determine if there is something you can do in jQuery Mobile. If your looking for a tut that is not here, please request it in the comments and we’ll look into making it.



jQuery Mobile 1.1 & 1.2

Introduction to jQuery Mobile

Do More With jQuery Mobile

Advanced jQuery Mobile Topics

jQuery Mobile Forms

PhoneGap

8 Comments

Image of Zaheer ahmad
Zaheer ahmad
8 years ago

Hey Anthony sir u did a very gud job for newbies.one thing i needed can u make a toturial on jquerymobile communication with restservices.thnx in advance

Image of James
James
8 years ago

Thanks for the tutorials!

Image of Dave
Dave
7 years ago

Hi
Can you maybe teach us (if it is possible) to make the buttons transparent by using some kind of opacity?
That would real;y be great, i have been searching the net for hours and i can’t seem to find any solutions
Thanks
Dave

Image of Douglas Crane
Douglas Crane
7 years ago

Hey that is a good post & a good set of conversations too. Keep sharing, that is good…

Image of Ben Sperry
Ben Sperry
7 years ago

Hey Anthony,
Thanks for putting this together, you did a great job. It’s a nice list of references for people just getting started.
I created an interface-building tool for jQuery Mobile called Codiqa (shameless plug). Basically, I wanted to make it easier for visually mocking-up jQM/HTML5 mobile components with a simple drag-and-drop system. Codiqa will generate all the jQM code for you so you don’t have to code it by hand. I’d love to see it added on resource! 🙂
Cheers,
Ben

Image of rick m
rick m
7 years ago

you keep mentioning a template in your videos. Where can I find that? Also, I think a brief description of your environment (code editors, simulators) would be helpful
great work
rick

Image of Anthony James Founder/CEO
Anthony James Founder/CEO
7 years ago

I actually took down the source code files. All they were, were the examples that were done in the video’s.

Reply
Image of T
T
7 years ago

Physician. Opinion needed.
Little knowledge of JS and HTML CSS. Would like to create a few medical apps. Should I go and learn Appcelerator? or Should I go jquery and Phonegap?
I would be absolutely flattered if you responded. I am a Noob and I would like to get out of reading JS the Definitive Guide if I can.

Image of Anthony James Founder/CEO
Anthony James Founder/CEO
7 years ago

Really it comes down more to the API’s available for each and the interface design elements available for you out of the box. That’s what I’d look at when comparing which platform to use.
1.) Does phonegap have the design elements you like?
2.) Does phongap have the native api’s available to your app?
Ask the same thing for appcelerator.

Reply
Image of TEMortimer
TEMortimer
7 years ago

You sir are a saint. Thank you for making so many guides. Please continue to make these, they are great. I would love more content on combining custom css and scripts when using jQuery Mobile. Again, thanks a million. Keep up the great work.

Leave a Reply

Your email address will not be published. Required fields are marked *