Try Tuts+ Premium, Get Cash Back!
Simple Development with jQuery Mobile: Premium Video Series
plusvideos

Simple Development with jQuery Mobile: Premium Video Series

on Dec 8th 2010 with 26 comments
Tutorial Details
Download Source Files

I’ve created a new screencast course that I think you’re going to like! jQuery Mobile is a fantastic new framework that allows you to rapidly build mobile-optimized websites and applications using the web stack skills that you already have. In this 8-part video course, I’ll teach you exactly how to work with the framework.

Simple Development with jQuery Mobile

The Full Series

  • Chapter 1: Meet your Teacher
  • Chapter 2: Intro to jQuery Mobile
  • Chapter 3: The Boilerplate
  • Chapter 4: Listviews
  • Chapter 5: Loading Pages Asynchronously
  • Chapter 6: Working with Buttons
  • Chapter 7: Optimizing Forms
  • Chapter 8: Build a Mobile WordPress Theme
Simple Development with jQuery Mobile

Learn how to build a custom mobile WordPress theme with jQuery Mobile.

Conclusion

I hope you enjoy this series. And, when you complete it, I hope you’ll be as excited about jQuery Mobile as I am! Sign up for a Premium membership to view this course.

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of Tuts+ sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Phototuts+, Aetuts+, Audiotuts+, Vectortuts+, and CgTuts+. For the price of a pizza, you’ll learn from some of the best minds in the business. Sign up for a Premium membership to help give back to Nettuts+!

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://creditorwatch.com.au Dale Hurley

    Hey

    It would be awesome if chapter 9 and 10 wrap it up into PhoneGap and then deploy the app to the apple/android/other stores.

    Dale

    • Andy

      +1

    • Ben

      THAT would be awesome!

      @Tutorial: Thanks a lot, have been waiting for something like that for a long time :)

  • http://laroouse.com piyansitll

    mobil mobil bu adamların başka işi gücü yok mu kardeşim

  • saleem

    Any chance of a written version?

    • http://www.tikikitchen.com Aric

      I agree with Saleem. A written transcript of the video material would be great.

  • http://shaneparkerphoto.com Shane Parker

    Jeffrey, I tested this library out a while back when you posted about it the first time. Unfortunately, the library doesn’t work well at all for RIM/Blackberry devices. It’s unfortunate because this is ALMOST a perfect solution for building mobile websites.

    As for written -vs- screencast, I’ll take the screencast every time!

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Hey Shane – Remember, at that time, it was in an Alpha 1 state. Every day, they’re fixing bugs on Github.

      • http://www.shaneparkerphoto.com Shane Parker

        Thanks Jeffrey, I will certainly be keeping my eye on it!

      • http://www.notifywire.com Ian Drake

        Alpha 2 on a BB 5 device renders better, but still not very functional. I believe the final target is for release 1.0 will include BB5+ support.

        I have no problem working with their pre-release version and buying that it will all work in the end. If anyone can get it done, it’s the jquery group.

  • http://twitter.com/fedeisas Fede Isas

    Great Jeffrey! I’ve been waiting for this. Just one question: the $9 package contains all 8 chapters? Or just one? Also, when do you think the Beta 1 would be ready? Thanks!

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      It’s the full series on the Tuts+ marketplace.

      Or Premium users can access it as part of their subscription.

  • http://janschlie.de Jan

    Hey Guys! I’m using this library for a project for school! I saw Jeffreys post this morning and was pretty excited to watch the videos… but am i wrong or isnt it available yet?

    • http://janschlie.de Jan

      Oh …. I’m sorry.. i just found the videos!

  • http://alejo.me/ Alejandro Ñáñez Ortiz

    AWESOME!!!! :D :D :D :D

    Downloading!

  • sprocket

    +1,000

  • http://www.fishmemory.net fractalbit

    This alone is worth the premium membership! Many thanks!

    Does anyone knows if jquery mobile supports or will support windows phone 7?

  • martin

    Hey Jeff,

    great tutorial, just one question. I didn’t get the data-transition to work in Firefox (perfectly working in Chrome though ). I was just wondering, if you know why Firefox (I run the latest version) would have an issue with it.

    Thanks!

  • Dominic Kelly

    Paid, started watching, found that ’3-The-jQuery-Mobile-Boilerplate.mov’ ended suddenly at 5’11 – clearly not the full video. Extremely annoyed.

  • Chris Young

    Have this series on disc thanks to .net magazine.

    Would love to see a follow up showing how to display wordpress pages instead of posts.

    Cheers.

  • Ben

    Great tutorial. However, I’m confused on how to show users the mobile wordpress theme instead of the desktop version. As well as give the user the option to switch between the two. Any suggestions?

  • pickles

    Jeffrey Way is the greatest tutor.

  • http://www.swedishfika.com Johan

    Is chapter 3 supposed to end that abruptly?

  • http://www.eternalcontrast.com Alex Lauderdale

    Here’s a Fresh baked jQuery mobile OG wireframe for anyone struggling to find one :)

    http://eternalcontr.tempwebpage.com/jquery-mobile-gmnigraffle-stencil/

  • http://evographics.net Michele

    Hi, I’d like to watch this course but it is not displayed on the tutsplus premium site. I’m a premium member obviously. Can you give me the full link of the course on http://tutsplus.com/ ?

    Thanks!

  • Ian

    @Michele I accidentally stumbled on it looking through all of Jeffrey’s tutorials
    https://tutsplus.com/tutorial/simple-development-with-jquery-mobile-8-part-video-series/

    @Jeffrey,

    This series is still relevant and easy to follow even though it’s 2 years old. Love it!

    For anyone else just now seeing this series,
    All of the possible bugs mentioned in the videos seem to be fixed. Works great in Firefox now. The only things I noticed really different were minor.
    1. pages don’t include the “back” button by default but there’s great documentation here http://jquerymobile.com/test/docs/buttons/index.html and you can view source on the documents pages and borrow code because they use jquerymobile to create the pages there.

    2. In list views the link tag needs to be outside all other content (even thumbnails) but still inside the li tag now. At least that’s what worked for me in Chrome and Firefox.

    3. When using local instead of CDN I had to download the full zipped package because it contains the images folder for css like the ajax-loader.gif. And, I think they made a mistake because the ajax image is a png but jquerymobile looks for a gif so you’ll want to replace that image.

    Other than those 3 minor issues the whole thing was really easy and went smoothly. Pretty awesome for a two year old tutorial :-)