Introduction to Phonegap with sample Hello World example

Recently started working with Mobile Technologies. 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:
1. Introduction to Phonegap with Hello World

2. Get all the versions of Phone gap Plugins with Features

3. Introduction to Jquery mobile with different login forms
Tutorial 4:
4.Store data in local database using PhoneGap (In Process..)
Tutorial 5:
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.

    



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.





Next,Click on the apps see the below picture





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





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





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





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