Phonegap Tutorial- definition

First of all, the question is: what is Phonegap?

Phonegap its an open source framework which allows you to build mobile applications for Android, iOS and Windows based phones / tables. Why it became so popular among developers? Because it uses HTML, CSS and Javascript in order to develop an app.

Phonegap it’s a project of Adobe, so an Adobe account is required when you will start to build your app.

The official webpage you can find here.

Phonegap Tutorial – required applications

Now is the time to install everything that we need for Phonegap.

1. Go to this their web page and download the desktop app. The desktop app is available for Mac and Windows and is a local server which allows you to test the application in your desktop web browser.
2. The second application (optional) from the same web page is a mobile application which allows you to connect to the local server which you made on the PC and test the application without compiling it. So, in other words, you will write your app in your PC and you will be able to test it on your phone. The app will connect to the local server installed in point 1 and will preview the app in the phone.
3. Ripple Emulator is an extension for Chrome Browser which gives you the possibility to test your app on different mobile devices. 
4. JSON View (optional) is an Chrome extension which allows you to view the structure of an JSON array. The JSON it offers the possibility to transfer different information from outside of the app (an web based server) into the app. For example to get the content of the MYSQL database and use it in-app.

For example, you will be able to see the array like this:

instead of:

Phonegap tutorial – a few words more

Now that you installed the apps from above, you are now able to start and write your first hybrid mobile app using phonegap. But all this in the next article from this tutorial!

There are more tools that you consider we should add to this article? Just write them bellow!