Mobile Zone is brought to you in partnership with:

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

Build And Publish a jQuery Mobile App In 5 Minutes

06.20.2013
| 2789 views |
  • submit to reddit

I’m going to show you how to build and publish a jQuery Mobile app in under 5 minutes.

Building the app

  1. Sign up for Appery.io Starter plan
  2. Create new app by entering its name and clicking Create:
    Selection_217
  3. Build the mobile UI by dragging components form the palette into the page:
    Selection_219
    Note the highlighted changes.
  4. Select the button and open Events tab
  5. Add Run JavaScript action (don’t forget to click Add event button):
    Selection_220
  6. Click Test button to launch the app in the browser:
    Selection_222
  7. Save.

Hosting the app

  1. To exit, click Back to project list button
  2. Open Hosting tab:
    Selection_224
  3. Click Change project type to mobile web button to switch the app type to Mobile Web.
  4. Enter app name and click Publish:
    Selection_225
  5. Now go to http://helloworld.app.appery.io using mobile or desktop browser
Published at DZone with permission of Max Katz, author and DZone MVB. (source)

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