Hybrid Mobile Application using Adobe PhoneGap

Hybrid mobile apps are built with a combination of web technologies like HTML, CSS, and JavaScript. The key difference is that hybrid apps are hosted inside a native container which is targeting the webview of the device. So they have access to many device capabilities.We can make really good mobiles apps with this. On the other hand we can use one code for different platforms like android, ios and windows.
Here I am going to show the basic of creating a hybrid app through Adobe PhoneGap. You can have a good knowledge about Adobe PhoneGap by going to their website. 

First go to PhoneGap official website and download the new PhoneGap Desktop app.

Then run the “.exe” file and install it to your computer. After installation open the PhoneGap Desktop App. It will look like this.

Then install PhoneGap Developer app to your mobile device. 

To begin create a new project. On step one select the default hello world as the template. On Step two fill project details and select Create Project.

PhoneGap Desktop app will start a server to host the app. Once you connect to that server through the PhoneGap Developer app, your app will run on your mobile device.

In the Project folder you will find the following folders.

By editing files in www folder you can design the app as you want. You can add required permissions by mentioning them in the config.xml file.

Finally build the apk manually or use Adobe PhoneGap Build to compile and build the final output for Android, ios or windows devices. 

If you have any doubt regarding this, feel free to ask below.