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
- What is jQuery Mobile
- Introduction To jQuery Mobile Screencast
- jQueryMobile Custom Styles & List
Elements - jQueryMobile Touch Events: Tap
- jQueryMobile Touch Events: The Swipe
- jQueryMobile Dynamic Pages, Links, & the back button
- jQueryMobile Tool bars & Navigation Menu’s
- jQuery Mobile Theme Roller
- How To Use jQuery Mobile Panels
Do More With jQuery Mobile
- Creating a “show desktop website” button for your mobile site
- How To Add Admob To Your jQuery Mobile App
- How to add admob to your jQueryMobile app, the right way
- Create A jQuery Mobile WordPress RSS Reader For Your Site
- Creating An iOS User Agent Mobile Browser Simulator
- Create An Add To Home Screen Popup For HTML5 Or jQuery Mobile
- Create A jQuery Mobile Picture Uploader To Amazon S3
Advanced jQuery Mobile Topics
- jQueryMobile Scroll Events
- How to use jQuery Mobile Grid Layout
- Creating a dashboard view with jQuery Mobile
- jQueryMobile | Pin Location Display Using Google Maps
- jQuery Mobile Advanced Topics: changePage, pageInit, and Swipe API
- jQuery Mobile: Default Back Button, silentScoll(), and another look at swipe
- Create A Split Or Tablet View With jQuery Mobile And Media Queries
jQuery Mobile Forms
- jQueryMobile Forms Part 1 The Basics
- jQueryMobile Forms Part 2
- Tip: Disable AJAX On jQuery Mobile Forms
PhoneGap
Related posts:
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
Thanks for the tutorials!
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
Hey that is a good post & a good set of conversations too. Keep sharing, that is good…
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
I actually took down the source code files. All they were, were the examples that were done in the video’s.
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.
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.