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: building-iphone-apps.labs.oreilly.com Related links: phonegap.com jqtouch.com jonathanstark.com oreilly.com
Hey! Thank you for this info! 2 questions. How can I get the intro art to display like 2 seconds longer? 2nd: If I pay to be a apple developer to upload my app, can I upload more than 1 application for my $100 fee? I am hoping I can submit multiple apps for $100. Thank again for your videos, very helpful!
Nice presentation~ Thank you
Nice presentation. Thanks
I just realized how hard it must have been to understand my first comment, basically i just want to say thanks for the help, and if you get some spare time advice on how to improve the appearance and transitions of an HTML page would be awesome
Oh my god man thank you so much. I want to try to start developing and i didn’t even know where to start with the phonegap program, extremely helpful. Also, i kinda suck at scripting, so i mean im obviously doing this to get better haha. With the HTML i know i can make a functioning webpage, but im just wondering if you can give me any help on the appearance of the page/app, mine all turn out looking really sketchy, also with transitions like yours, if youre not busy thanks for the help!
Jonathan, great presentation in Providence last night. You really opened up my eyes to the potential of PhoneGap. This video turned out to be a great follow up to learn more about it. You should have mentioned it to everyone! -Tony D.
I need someone to build us a Iphone app for the iTunes store we run a big party website Grand Lake Gone Wild . com email me at Jc @ grandlakegonewild . Com if you can build a nice app
@Rhezzok iPhone and iPod Touch are on the same operating system, so iPhone apps work for the Touch and vice versa.
mine crashes as soon as I attempt to load it in the simulator….
thanks for the tut though!
really good.. thanks for that, Phonegap will change how app world works.
finally a good making vid to making apps
Excellent. Clear and concise. The only change I would recommend for future videos is to say the name of the files ( I can’t read them on my I phone ). And it would be nice to Mabel include at the end some of the caveats/assumptions/things that can’t be done. Or not.
Really nice either way. Thanks.
Quincy
Cool!
Does it also work for an iPod Touch?
Hey!! that was an awesome video!! Very helpfull thanks! We did you learn all this stuff? Waiting for more videos!
Thanks. Im planning to get one soon:)
PhoneGap for iPhone requires Xcode which is Mac only.
Glad to help! Please share the link with others
Jonathan,
I want to sincerely thank you for making this video. I’ve wanted to use PhoneGap for awhile, but have had some problems using it. This video was very clear and helpful. I look forward to any future videos you create.
Thanks,
Brian
Does this work only for mac or mac and pc?
Thanx! That is so sweet! Make’s making apps so more easy
Been working through the tutorials on your site and just watched the video – very helpful!
Is touchmove the event to abort, or is there a better one?
preventDefault on the body will fix the elastic bounce
Thanks Brock! I should’ve thought of that. Just tested and yes, prevent default applied to the touchmove event stops the rubberbanding. Example code:
myPageElement.addEventListener (‘touchmove’,function(e){e.preventDefault();},false);
Just finished reviewing chapter 6 of your book @oreilly, Building iPhone Apps with HTML, CSS, and JavaScript. Looking forward to the next chapter on phonegap. Looks pretty amazing! Thanks for demonstration. I’m going to give it try tomorrow.