This is a first from a series of tutorials about how to develop portable mobile apps using web technologies like HTML5 and CSS3. You will learn to develop Web application that can be packed into a binary app for mobile phone, so the purpose is to quickly build mobile phone apps with only Web technologies knowledge and those apps will be portable accross mobile platforms, at least at source code level.
PhoneGap is a free open source framework which gives you access to native APIs.
I’m working on a Windows station, but this can also be done on Linux and OSX.
The basic of iPhone application development starts with multi view, so in this tutorial we will learn to create a multi view iPhone app.
We will create a simple app which will contain 2 tabs. The first tab will also use a navigation bar.
Creating the project and tab views
Create a new project for iPhone using the template Empty Application and name it MultiView.
We will add one view controller for each tab screen: add to the project one new file for each tab using the UIViewController subclass, name them FirstViewController and SecondViewController and select the checkbox With XIB for user interface.
Draw using the Interface Builder some interface on each of the 2 screens of our multi view iPhone app.
First tab view of our multi view iPhone app