Introduction to Phonegap with sample Hello World example

phoneGap

Recently started working with Mobile Technology. Developed many awesome applications using PhoneGap and Jquery Mobile.Phonegap and Jquery mobile is just vow.

As a beginner in mobile technology i have wasted so much time on surfing to learn basic things.This time i am planning to write articles on Phonegap and jquery mobile from scratch for beginners to intermediate developers.
I hope this will be successful just like before.

Phonegap Tutorial series For Beginner's


Tutorial 1:
Introduction to Phonegap with Hello World

Tutorial 2:

Get all the versions of Phone gap Plugins with Features


Tutorial 3:
Introduction to Jquery mobile with different login forms


Tutorial 4:
Store data in local database using PhoneGap (In Process..)

Tutorial 5:
Sample Login page using Jquery Mobile and Phonegap (In Process..)




Lets Start with

#Tutorial 1:

Introduction to Phonegap with Hello World

In this tutorial i am trying the overview of Phonegap in 3 simple steps

1.What is Phonegap..?

 
2.Creating a Sample Application using phonegap

3.Build the application and installation procedure.

 
1.What is Phonegap :

 
Simple,PhoneGap is a platform which allows us to create a mobile applications.Suddenly a question raises in mind what's new in phonegap..? already we are developing applications using different frameworks.Answer:That's the main point.When we are going to build the applications we need different frameworks that means by using Android SDK we are creating apk,For IOS mac os and etc..
So if your using Phonegap framework we can build applications for Android,IPhone,Blackberry,WebOS,Windows Phone,Symbian..
 

Open Source and Free
 
"PhoneGap is an open source implementation of open standards. That means developers and companies can use PhoneGap for mobile applications that are free, commercial, open source, or any combination of these."

2.Lets create a sample application using Phonegap

Developing phonegap application are very easy.please follow the steps
First,Open the Note pad write the following code with in the html tags of notepad.



notepad

Home    

Hello PhoneGap..!


Next save the file as index.html


Now Open the index.html file in any browser it will display the following message Hello PhoneGap..!


That's it file is created successfully.Now its time to build the application


3.Build the application and installation procedure.

Open the Following link : Build the PhoneGap application

Step1 :Create a account in that (Its Free by using Either AdobeID or GitHub)


Next,Enter the Login information.


phonegap login


Next,Click on the apps see the below picture


phonegap index


Next,Click on the 3rd radio button and choose the index.html file and click on create button


phonegap screen


Next,Successfully the apps are created for android,iphone,blackberry,WebOS,Symbian


phonegap apps


Now the download the file and install in your device and Test the application


phonegap download


I hope this will helps you ..Get ready Next Tutorial


developercode
About the Author
Sayyad is a Software Engineer, Blogger and Founder of Developers Code from India.His articles mainly focus on .Net (Web and Windows based applications), Mobile Technologies (Android,IPhone,BlackBerry) and SEO.

Facebook Rss Twitter

Get Weekly News letter of Updates!