Course info
Feb 24, 2012
2h 7m

PhoneGap is an exciting mobile platform that allows mobile developer to build a mobile application using HTML and JavaScript. This course is designed to get you started with PhoneGap by teaching you the basics of creating a PhoneGap application. In this course we will develop a PhoneGap application using the Windows Phone 7 tools and JQuery Mobile. We will also learn how to use some of the PhoneGap native APIs to access the native libraries of various mobile platforms. Finally, we will learn how to use PhoneGap Build to build our application for iOS, Android and more!

About the author
About the author

John Sonmez is the founder of Simple Programmer (, where he tirelessly pursues his vision of transforming complex issues into simple solutions

More from the author
Beginning Lua
2h 50m
2 Dec 2013
Beginning HTML 5 Game Development With Quintus
2h 52m
25 Oct 2013
Beginning HTML5 Apps For Firefox OS
2h 20m
17 Oct 2013
More courses by John Sonmez
Section Introduction Transcripts
Section Introduction Transcripts

What is PhoneGap?
John Sonmez: Hi, this is John Sonmez, and welcome to the course on PhoneGap. PhoneGap is an open source API that you can use to develop applications that will run on a variety of mobile devices and platforms. You can run PhoneGap applications on Android, IOS Windows Phone 7, Blackberry, and several others, and PhoneGap makes it so you can write this code in one place and then run that code in all those platforms without having to know each one of those platforms' specific API. So in this course, we're basically going to be discussing using PhoneGap and we're going to learn how to build a PhoneGap application. Some of the things that we're going to cover that are going to help us to bridge the gap with PhoneGap are things like the environment set up. We're going to first talk about how to get set up to use PhoneGap, and we're going to see exactly what's involved in creating a first hello world PhoneGap application. Then we're going to go through and look at some of the mobile UIs. So we're going to look at different ways that you can develop your UI for your app application. We're also going to cover the PhoneGap APIs, which are a very important part of PhoneGap which allow you to basically interact with the native parts of the mobile platform. So you're going to be able to access things like the accelerometer, the GPS communications, storage, things like that. And then we're also going to look at PhoneGap build, which is a part of PhoneGap that allows you to basically up load your application and then have PhoneGap servers build your application for you on the multiple platforms.

Environment Setup
Hi. This is John Sonmez from Pluralsight and in this module we are going to be discussing setting up our environment for PhoneGap. There are a couple options that we can use to do PhoneGap development. So we're going to take a look at both of those options and then we're going to see how we can develop our PhoneGap applications on different platforms if we want to. But for this module and this course, we're going to do our development mostly in Visual Studio 2010 so we're basically going to be using the Windows Phone 7 PhoneGap approach to developing our application. And this doesn't mean that we need to make a Windows Phone 7 application. We'll talk about this a little bit later in our module. But I'm going to show you how to use Windows Phone 7 and Visual Studio as a tool for developing your PhoneGap application because I think that's the simplest way to get started and it requires the least amount of set up. But with that PhoneGap application you'll be able to build that for Android and for iOS and if you wanted to move your application over to one of those environments for doing the primary development, you could to that very easily. We're going to through; we're going to create our initial application and we're going to create a Hello World application just to prove that our environment is set up correctly. Then we're going to take a little bit of time and we're going to go through the PhoneGap project, just to get a look at what is involved in the PhoneGap project and how it works. And then we're going to go ahead and run our PhoneGap application actually in a browser, so we'll see that a PhoneGap application really is just some HTML in JavaScript.

Mobile UIs
Hi this is John Sonmez from Pluralsight, and get ready for a crash course in mobile UI development. In this module, we are going to learn how to create a mobile UI for our PhoneGap application and we're going to talk about some of the different mobile UI frameworks that exist that we can choose from. In this module, we are going to create our mobile UI using jQuery Mobile, which is a popular mobile UI framework, and we're going to learn a little bit about how to work with jQuery Mobile. We're going to cover some things like creating a screen, saving some data, adding toolbars and creating dialog boxes in jQuery Mobile, and this should give you the tools that you need to be able to do some basic mobile development and to create a working PhoneGap application.

PhoneGap API
Hi. This is John Sonmez from Pluralsight. And, in this module, we're going to be talking about the PhoneGap API. In the previous modules, we hadn't covered much of the actual PhoneGap API. If you recall, we had said that PhoneGap basically provided two things for us. One, being a shell that basically launches a browser which is our HTML application, and we've explored that concept quite as bit as we use jQuery mobile to build out our UI and see how to build the basic application. But, in this module, we're gonna explore the second part of what PhoneGap provides to you which is a way to interact with the native API or the native features of a device. So, in this module, we're gonna start off by looking at some of the API's in general; just going over what APIs exist. There's not a large number of the APIs. And then we're gonna cover some of those APIs. We're not gonna go over every single API, but we're gonna go through some examples for using the device API. Things like the accelerometers so that we can gauge movement of the device. Looking at using the camera to take an image and geolocation to figure out where the user is and to track their movement. And then notification to display an alert or a beep or a vibration to the user. And then, finally, we're gonna take a look at using storage to do local storage and talk a little bit about some of the options that exist for that.

PhoneGap Build
Hi this is John Sonmez from Pluralsight and in this module, we are going to be going over PhoneGap Build. So, now that we have learned how to create a PhoneGap application, and we know how to build a mobile UI for that application, as well as using the PhoneGap API's. The next thing that we are going to want to do is to be able to build that PhoneGap application for multiple platforms. And that is one of the benefits of using PhoneGap is that we have this ability to build our application for multiple platforms without having to rewrite our application. So, in this module, we are going to learn how to do just that. We are going to start off by discussing PhoneGap Build a little bit to understand exactly what it is and then we are going through the process of preparing our app and getting it up to the PhoneGap Build server, and then we are going to go through some configuration on our application to make sure that our application is going to work on the multiple platforms that we are going to deploy it to. Then we will look at how we can actually use PhoneGap Build to debug our application, even though it is installed on a device over the web. This is a really neat feature that makes it possible to actually debug a PhoneGap application running on a device. And then finally we'll take a look at the PhoneGap API, which allows you to programatically upload your application to PhoneGap Build and to start builds.