Make an iPhone App in 20 Minutes – Without the Cocoa!
What do I need for this?
To make an iPhone App with jQTouch, a jQuery extension by David Kaneda (http://www.davidkaneda.com/), you do not need much at all!
First Step
Download this zip file
Second Step
Focus on the following files, prepare a project folder where you put those files:
- jqtouch.min.css
- jqtouch.min.js
- jquery.1.3.2.min.js
- theme.min.css
- the folder ‘img‘
You can find those files in ‘jqtouch/‘ and in ‘themes/‘.
Third Step
Create a new html file and write the following lines:
(Code at pastie: http://pastie.org/private/j0ewmr2awkmymywdg)
This is the way the list is displayed in a browser:
Fourth Step
Okay, we got that far, now lets add some jQTouch to the site. In fact, we import the files listed in the second step and simply create a new instance of jQT:
(Code at pastie: http://pastie.org/private/7v6govrnxhhxfwubzjadag)
Final Step
Look at the files, now! Everything looks like a native iPhone App. Now isn’t that great?
So is this just a ‘webapp’ that looks nice on an iphone interface or can I move this app TO The iphone?
That’s just a web app trying to make the site feel and look as it were an actual app. You can add it to the home screen and give it a nice icon, though. That way, it looks like a real app!