
## Table of Contents

1. [Why PhoneGap?](#why-phonegap)
2. [Getting Started with PhoneGap](#getting-started-with-phonegap)
3. [References](#references)
4. [Research Works](#research-works)

## Introduction

This blog is a quick start guide or memo if you are thinking about building mobile or tablet apps with PhoneGap.

## Why PhoneGap?

The main reason is that my app will consume existing APIs which are used by other web applications, so if I could continue using the same technology stack—APIs, CSS, HTML, and JavaScript—that would be awesome. That's why I encountered PhoneGap. PhoneGap has limited access to native app APIs, but most of those are things I don't need. Building natively would provide better performance, but that's not something I need either.

Also, comparing with **Xamarin**, which is C#-based and supports iOS, Android, and Windows, it doesn't fit my scenario. **Titanium** is another platform that supports Android, iOS, and Blackberry and uses HTML, CSS, and JavaScript. I didn't want to build natively either, as it's not suitable for my needs—spending huge amounts of time learning each app store's language and building separately.

## Getting Started with PhoneGap

1. First, you will need to go to the PhoneGap site to download the desktop app. You will use this app for development and also use your mobile app to verify your code later.

![](https://d1p0mp3f1fx0hz.cloudfront.net/_mhiusx842.png)

2. This is the desktop app on my Windows 10. You can create your first hello project using this UI interface.

![](http://res.cloudinary.com/dmwrakaup/image/upload/v1480650821/dmzxuwaokevpmbtqdpah.png)

3. It is better to install PhoneGap via npm as well, because if your mobile app is not able to connect to the desktop app, you could still use the npm command to start your PhoneGap project and then reconnect to it from your app.

If you want to start your PhoneGap project from the npm command, go to the PhoneGap project's root directory and run the following command to start:

```
phonegap serve
```

![](https://d1p0mp3f1fx0hz.cloudfront.net/_q87u9mfcr.png)

Write simple "Hello World" code with the existing template:

![](https://d1p0mp3f1fx0hz.cloudfront.net/_2nx0zmuhz.png)

The above steps are all done on your development machine. In my scenario, I used Windows 10.

Next, download the PhoneGap Developer app on your mobile device and point it to your desktop app's URL.

After that, you can view your development code from your device.

![](http://res.cloudinary.com/dmwrakaup/image/upload/v1480650822/pijzqvnis4ht4ow2dmlg.png)

## References

1. [Compare PhoneGap, Titanium, and Xamarin](http://www.cygnet-infotech.com/blog/phonegap-or-titanium-or-xamarin-which-cross-platform-should-you-choose)

2. [Compare HTML5, PhoneGap, Xamarin, and Native](http://blah.winsmarts.com/2014-2-HTML5_vs_PhoneGap_vs__Xamarin_vs_Native.aspx)

## Research Works

1. Compare building mobile apps using HTML5, PhoneGap, Titanium, Xamarin, or Native by platform support, language, open source, access to device API, native performance, cost for each app store, developer learning time, and platform cost.

2. What list of platforms can PhoneGap deploy to?

3. How to deploy a PhoneGap app?

## Conclusion

PhoneGap is a great option for developers who want to build mobile apps using familiar web technologies like HTML, CSS, and JavaScript. It allows you to reuse existing web APIs and quickly prototype mobile applications without learning native development languages for each platform.


A quick start guide for building mobile apps with PhoneGap using HTML, CSS, and JavaScript.

Mobile Development

Getting Started with PhoneGap to Build Mobile Apps