addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrosseditemptyheartexportfacebookfolderfullheartglobegmailgoogleimageimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

jQuery Mobile 6 Hour Jumpstart Mobile Application Training Class

Want to add mobile web application development to your skill set? Want to get started learning fast with instructor lead training?

South Bay Mobile User Group presents the jQuery Mobile 6 Hour Jumpstart Mobile Application Training Class. This 6 hour, hands-on training class introduces you and teaches you intermediate to advanced mobile web development using jQuery Mobile. We get you up and running with this popular JavaScript framework for creating mobile apps and mobile optimized web sites! In this six hour class, you will learn how to develop client side user interfaces for smart phones and tablets.

Students attending this class should bring a laptop computer to complete the class objective of building a mobile application from start to completion using jQuery mobile. Students will build a location based app called "Coffee, Coffee, Coffee". The application will find all of the coffee shops near the current location. It will display them on a map and list.

Class agenda:

8:30 a.m. - 9:00 a.m. - Greeting

  • Development Environment Setup
  • Exercise - Warm Quiz questions

9:00 a.m. – 9:30 a.m. - HTML Overview

  • Fast Fact
  • Best Practices
  • Exercise - Creating a two page JQM app
  • Summary

9:30 a.m. -10:00 a.m. - JavaScript Overview

  • Fast Facts
  • JavaScript Best Practices
  • Power Trio
    • Objects
    • Events
    • Closure
  • Exercise - Creating the application object
  • Summary

10:00 a.m. -10:30 a.m. - Ajax pt. 1

  • Fast Facts
  • jQuery ajax()
  • Promise
  • Data Formats
    • XML
    • JSON
  • Exercise - Getting data from the server
  • Summary

10:30 a.m. -10:45 a.m. - Break

10:45 a.m. -11:15 a.m. - Ajax pt. 2

  • HTTP Traffic Watching
    • Chrome
    • Fiddler
  • Exercise - Paging, Getting more data
  • Summary

11:15 a.m. -11:45 a.m. Lists

  • Fast Facts
  • Best Practices
  • Vertical Scrolling
  • Exercise - Create list from YP data
  • iScroll
  • Exercise - Implement pull to refresh
  • Summary

11:45 a.m. – 12:15 a.m. - Templates

  • Fast Facts
  • Handlebars
  • Best Practices
  • Exercise - Rewrite the code to use templates
  • Summary

12:15 p.m. -12:45 p.m. - Lunch

12:45 p.m. - 1:45 p.m. - Location & Maps

  • Fast Facts
  • Location
  • Best Practices
  • Exercise - Get location
  • Maps (Google Maps)
  • Exercise - Display our current location
  • Annotating Maps
  • Exercise - Displaying cafe location
  • Summary

1:45 p.m. – 2:00 p.m. - Break 

2:00 pm – 2:45 pm Responsive Design

  • Fast Facts
  • Phone vs Tablet
  • Grids, Divs, and Tables
  • Exercise - Make display responsive
  • Summary


2:45 pm – 3:15 pm Media & Charts

  • Fast Facts
  • Taking a picture (yes, from a mobile browser)
  • Exercise - Upload a picture to a server
  • Summary
  • Charts Exercise - Create a chart from hours of operation
  • Summary

3:15 pm - 3:30 pm Class Summary & Questions


Due to overwhelming demand, this class is being offered on June 15th and June 29th for your convenience.  Maximum capacity for each class is 30.  Sign-up today while seats are still available.

Admission: $30.00
Class Location:
Courtyard Marriott Torrance/Palos Verdes
2633 Sepulveda Boulevard, Torrance, CA 
Del Sol Meeting Room

Breakfast and lunch is available at the Marriott


Register Today!

Who Should Attend?
This class is designed for web developers, mobile app developers, and UI designers. Don’t miss this opportunity to get expert direction from a professional jQuery Mobile developer. Reading books and online tutorials is great, but nothing beats personal direction from a qualified instructor. At this price, spaces will fill quickly, so register your spot today.


About The Instructor
Troy Miles is a senior software engineer at Kelley Blue book and a mobile web application developer. His experience includes both front-end and back-end development and is particularly skilled at fast and efficient front-end development using JavaScript and plug-ins like jQuery, jQuery Mobile, Underscore, and Backbone. Because of his extreme depth of knowledge of mobile technologies, he is a sought after speaker at code camps and other technical events.


System Requirements and Development Environment Setup
This program is compatible with both the Windows and Macintosh operating systems. Full development environment setup instructions are provided here:




This event is sponsors by

Note: This is a rescheduled class.  This class was previously scheduled on May 4th.  Due to unforeseeable circumstances at the sponsor’s location (American Honda, Torrance), the class was cancelled.  The change in venue makes it necessary to increase the cost of admission from the original $5.00 to $30.00 for the entire day of expert training. South Bay Mobile User greatly appreciates the overwhelming response to this class.

Join or login to comment.

  • A former member
    A former member

    Great Class

    June 30, 2013

  • Troy M.

    Be sure to download the source code and if you wish the slides.

    June 28, 2013

  • Troy M.

    The source code given in the class is yours to keep. Feel free to use it to start your own app.

    June 24, 2013

  • cgLeo

    This class is now closed/sold out.

    June 18, 2013

  • malcolm

    Ditto: Eventbrite says the June 29 class is sold out. Is there still space for me?

    June 17, 2013

    • Phillip N.

      Hello Raymond. The class is full, but I am working on another class to accommodate people that were unable to get in. I will be posting the new date soon.

      June 18, 2013

  • Raymond G.

    Eventbrite says the June 29 class is sold out. Is there still space for me?

    June 14, 2013

  • Troy M.


    It seems that the Terminal/command window step in the instructions is not needed. I have been able to successfully get the demo app to work on both PC and Mac without enabling local file access.

    June 12, 2013

  • Troy M.

    Hey everyone - The GitHub link has been fixed. Please take a look at the code. Don't be surprise if it changes a bit before the day of the class.

    June 12, 2013

  • Troy M.

    During the class we will be using the Ripple Emulator, if you would like something better, check out this post & video for installing AndroVM. An Android Virtual Machine:

    June 9, 2013

  • Troy M.

    Want to see the app? Check it out at the following link: It will look best on your smart phone. I am planning on doing some code clean up this weekend so don't be surprise if it gets modified before class.

    1 · June 7, 2013

  • Troy M.

    Want to be sure your computer is ready for the jQuery Mobile Jump Start class? Follow these instruction to get the development environment running on your computer now.

    May 17, 2013

  • matt p.

    Does your laptop have to have Win 7 on it or can we use XP?

    May 15, 2013

    • Phillip N.

      Either is fine. I will be posting additional info in regards to this later today. Thanks for your interest Matt.

      May 15, 2013

    • Troy M.

      Best way to know if your set up will work is to step through the pre-class preparation instructions which are at: http://therockncoder....­.
      The instructions don't require any specific O/S type. They work on PC, Mac, and should even work on Linux. All you need is your favorite text editor, and the Chrome browser.

      May 16, 2013

  • matt p.

    Does the laptop you bring have to have win 7 or can it be XP?

    May 15, 2013

36 went

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy