Create a native Windows Phone, iOS and Android App with 3 files and Notepad

<insert commentary on the history of HTML5. Pretend readers might actually read the commentary. Spend an absurd amount of time writing said commentary>

<insert commentary on the present state of HTML5 with emphasis on application development. Note: HTML5 hasn’t been ratified. Briefly mention that HTML4 hadn’t been ratified until recently. Mention marketing analyst percentages and numbers>

<insert closing commentary on the future of HTML5 with regards to application development on mobile, web and Windows 8. Make bold statement inciting controversy and alienation>

Quick Overview

Create index.html

Download json2.js and phonegap-1.3.0.js

JSON2 is a utility library for working with JSON data. Although we’re using jQuery, at this time, serializing JSON data is not supported in jQuery.

PhoneGap is JavaScript which gets compiled down to native code. We will be using PhoneGap Build, an app compiler in the cloud!

image

Test

Open index.html in a browser. All the buttons, transitions, multi-page support and event handling are being performed by jQuery Mobile.

Demo *Note: Audio supported on compiled iOS and Android

image

Compile with PhoneGap Build

Create a zip of the 3 files and upload to PhoneGap Build. *Within minutes, you will have an .app, .apk and .xap to deploy to iOS, Windows Phone and Android devices.

image

* In order to compile a iOS app, you will need to upload two files, one being your Apple developer certificate.

  • Itangel72

    This is an awesome app. I enjoy listening to your podcast to and from clients.

    • Anonymous

      Awesome! Thanks for taking the time to comment AND listen to the show!!! You rock! Thanks, Charley

  • Neil

    Hmm. Sounds too good to be true. A) Doesn’t play any podcast under Android B) doesn’t provide a Windows Phone installable… Do I miss something?

    • Neil

      … and it is flickering like hell… Nice game, but cannot compete to real native apps, IMHO

    • Turnkey

      He said you need the compiled version for that.

      • Neil

        of course, I did compile it.

  • name

    No this not anywhere close to a native app. Well except maybe the WebOS version. Its just a webpage. And poorly designed one at that

  • http://www.facebook.com/dkalemis Dimitrios Kalemis

    I really liked the three commentaries that preceded the quick overview. They showed a deep understanding of the subject and a passion for it. If they were somehow omitted, this blog post would have been really boring. Why would anyone want to get straight to the information they want, if instead they can go through pages of irrelevant analysis they have already read countless times elsewhere? But seriously, thank you for this blog post, it is really useful.