Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: mkblog.exadel.com and Twitter: @maxkatz. Max is a DZone MVB and is not an employee of DZone and has posted 79 posts at DZone. You can read more from them at their website. View Full User Profile

Building HTML5 Mobile App Connected to Parse.com

02.02.2012
| 7858 views |
  • submit to reddit

This hands-on tutorial will teach you how to build jQuery Mobile, HTML5 mobile app connected to Parse mobile backend using REST API.

You can get the full tutorial here.

You really have to try it yourself building a mobile app in Tiggzi mobile app builder (Free plan is available) 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

 

Start the tutorial: http://help.tiggzi.com/getting-started/building-a-mobile-app-connected-to-parse-com-mobile-backend

The final app looks like this:

0
Published at DZone with permission of Max Katz, author and DZone MVB.

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)