Max Katz is a Senior Systems Engineer and Developer Advocate at Exadel. Max is a well-known speaker appearing at many conferences, webinars, and JUG meetings. Max leads Exadel’s RIA and mobile strategy. Part of this role is working as developer advocate for Tiggr Mobile Apps Builder (gotiggr.com), a cloud-based application for building mobile Web and native apps for any device. In addition, Max leads Exadel’s open source projects (exadel.org) such as Fiji, Flamingo, and JavaFX Plug-in for Eclipse. Max has been involved with RichFaces since its inception, publishing numerous articles, providing consulting and training, and authoring the book “Practical RichFaces” (Apress, 2008). Max also co-authored the DZone RichFaces 3 Refcard and the DZone RichFaces 4 Refcard. You can find Max’s writings about RIA and mobile technologies on his blog, mkblog.exadel.com, and you can find his thoughts about these topics and others on Twitter at @maxkatz. Max holds a Bachelor of Science in Computer Science from the University of California, Davis and an MBA from Golden Gate University. Max is a DZone MVB and is not an employee of DZone and has posted 64 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
| 7350 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.)