Build Native iPhone Apps with HTML, CSS, JavaScript and PhoneGap

Quick overview of how to take a garden variety web app built with HTML, CSS, JavaScript and convert it to a native iPhone app using PhoneGap.

In this example, I used jQTouch to style and animated the web app, but this would work with any web app or JavaScript framework.

You can learn more about building iPhone apps with HTML, CSS, and JavaScript here:
http://building-iphone-apps.labs.oreilly.com/

Related links:
http://phonegap.com/
http://jqtouch.com/
http://jonathanstark.com/
http://oreilly.com/catalog/9780596805791

Category:

Science & Technology

Tags:

• iphone
• phonegap
• jqtouch
• html
• css
• javascript

[die101]

hi jonathan, actually i'm initiating a project thinking of utilising sencha touch + phonegap, how do u find the performance on the said product

[jonathanstark]

@die101 Impossible to say. Depends on the device, the design of the interface, the amount of data, etc... best to just give it a shot.

[studtulloss45]

If your javascript is written in jQuery does this solution still work?

[jonathanstark]

@studtulloss45 Yes, it still works with jQuery.

[kuinks]

It's not really native, you know...

[jonathanstark]

@kuinks How so?

[xenicraft]

I have bought your book and am very happy with my new skills. Thankyou!

[nvytebhygtvbvtyebr]

is it possible to convert a swf file (flash game from online) to an ipa? if so, how and can you please make a video.

[apologiate07]

Stark? ... Winter is coming...

[neilbo21]

once you are done using phone gap, can you submit it to apple for itunes?



[another13]

Hello. Great work.

Where can I download you APP Example?

It would be cool. :)

[dbguy4eva]

cool background!

[dmometalguitar]

Jonathan, thank you for your great work. I'm reading your book, and it's really good. One question... Is there a way to extend the duration of the splash screen with PhoneGap in Xcode? It goes away really fast.

[sailtothemoon123]

Thanks for that video. helped me get started.