Tutorial: jQuery Mobile, HTML5 Mobile App Connected to Parse Mobile Backend

A few weeks ago I promised to publish a tutorial on how to build a mobile app and connect it to Parse backend.

You can get the full tutorial here.

You really have to try it yourself building a mobile app in Tiggzi app builder and connecting it to Parse mobile backend is amazingly easy. You can literally build a real mobile app in about 30 minutes. Creating the actual backend is fast as well, takes about 2 minutes. Any backend object is instantly available via REST API and then used in the mobile app.

Here is a general outline of the tutorial:

  1. Sign up for Parse and create the mobile backend. The mobile backend object (class) is a list of text messages
  2. Build the mobile UI with jQuery Mobile and HTML5 (see screen shot below)
  3. Create and use REST service to load text messages (REST: https://api.parse.com/1/classes/Words, GET request)
  4. Create and use REST service to create a new texg message, (REST: https://api.parse.com/1/classes/Words, POST request)
  5. Update the mobile UI to include a Delete button (REST: https://api.parse.com/1/classes/Words/objectId, DELETE request)
  6. Create and use REST service to delete a text message
  7. At any step in the tutorial, you can test the actual app in Web browser
  8. Optionally, update the look and feel of the app

The final app looks like this:

Published by

6 responses to “Tutorial: jQuery Mobile, HTML5 Mobile App Connected to Parse Mobile Backend”

  1. I am exicited about HTML5 but Flash can do all these things html5 can do in a better way.Creating slideshow in HTML5! wow! what, flash did that 10 years ago! It is very easy to create a flash animation, for example a ball bouncing in flash professional in less than am minute. Javascript is a mess when compared to AS3.

    1. Henry, this is a mobile tutorial, remind me again how many devices target flash? or can even access flash content?

    2. Very nice that flash could do all these things 10 years ago, but not only is flash too heavy for mobile devices, it’s also not supported by most of them.
      Having to update your flash files and re-export them is a hassle and HTML5 and Javascript can do everything that Flash does, but better.

  2. Check out http://www.mobdb.net, very easy to use backend and push notification service for your mobile app.

  3. hey henry, since flash is so much better can you please provide me with a copy of flash cs5, a flash tutorial and as3 classes all free of charge?

    Thanks, your tha bomb

  4. Thanks a lot for this tutorial. I was doubtful whether even Parse could be connected with jQuery Mobile or not because Parse is built on the backbone.js platform. or maybe I was too noob to understand. At least the vision is clearer now

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.