Learn to build a cross platform mobile app using PhoneGap

Learn to create mobile apps for any platform (iOS/Android/Windows) using basic knowledge of HTML -with bi-weekly webinar
3.7 (23 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
6,198 students enrolled
Take This Course
  • Lectures 40
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2014 English

Course Description

After researching, reading feedback and taking into consideration the latest features in PhoneGap, we have updated the course. The updated course contains an entire section on Plugins like geolocation API, camera API, Contact API, Accelerometer. There are more lectures in this new version explaining PhoneGap in detail. First 7 section of the course contains the updated version of the course. For already existing students, old version is still available from Section 8.

Did you ever wonder “Wish I could create a mobile app for my business or my customers". Well, then do you know basic HTML and JavaScript (like tags, few styles, functions, etc.)? If the answer is yes, then this course is made for you.

PhoneGap solves the problem of learning different frameworks and languages, by using standards-based web technologies to bridge web applications and mobile devices. Since PhoneGap apps are standards compliant, they're future-proofed to work with browsers as they evolve. In other words, a month on native app development is converted to just 4 days to write the same amount of app functionality in PhoneGap.

Why take this course?

PhoneGap has been downloaded over 1 million times and is being used by over 400,000 developers. Thousands of apps built using PhoneGap are available in mobile app stores and directories. Today, your favorite apps like BBC, IGN games, Rormix, Browser Quest, MathIQ are using PhoneGap. If you are not creating an app for industrial grade real-time calculations, PhoneGap is made for you.

How much time does it take to complete the course?

What am I going to get from this course?

  • Lifetime access to the course
  • Downloadable project files
  • Create a fully functional app
  • Technical Support

What are the software and other requirements for the course?

You should have basic knowledge of web technologies like HTML, CSS, Javascript. Additionally you will require Android SDK, Eclipse and PhoneGap installed on your computer. All of which are available for free for Mac and PC.

What are the requirements?

  • Basic knowledge about HTML, CSS and JS

What am I going to get from this course?

  • Installing PhoneGap environment
  • Installing Emulator
  • Build Basic application
  • Use PhoneGap features like API plugins, platform specific preferences
  • Compiling using Adobe PhoneGap Build

Who is the target audience?

  • Web developers
  • Mobile App Developers
  • Small businesses- Stores, Education, Supply, Service providers
  • Teachers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: New version: Introduction and Installation

Download Node, Git, ANT, Android, Java and Setup working Environment


Download PhoneGap

Section 2: About PhoneGap

What is Native, Web, Hybrid App


Introduction to PhoneGap


PhoneGap desktop which is GUI based alternate of commad line interface

Section 3: PhoneGap getting started

Getting to know about CLI and use CLI to create app


Starter phoneGap project folder explanation and knowing the difference between them


Using CLI to remove & build platform


Using CLI to deploy your app on emulator and devices

Section 4: PhoneGap developer app

Download PhoneGap developer app which lets you instantly see changes that you make in your app

Section 5: Events

There are different events in phonegap and phonegap allows us to detect those event and react accordingly

Section 6: Plugin APIs

There are different plugins which let us access native components in phonegap and we can do it using plugin


Let us know about network-information battery-status events


which describes the device's hardware and software


Shows a custom alert or dialog box. Most Phonegap implementations use a native dialog box for this feature


executes when the user presses one of the buttons in the confirmation dialog box


Displays a native dialog box that is more customizable than the browser's prompt function.


The device plays a beep sound


This plugin provides access to the device's accelerometer. The accelerometer is a motion sensor that detects the change


This plugin provides access to the device's accelerometer. The accelerometer is a motion sensor that detects the change


provides an API for taking pictures and for choosing images from the system's image library


provides an API for taking pictures and for choosing images from the system's image library


provides an API for taking pictures and for choosing images from the system's image library


provides an API for taking pictures and for choosing images from the system's image library


A Contact object stores several properties in ContactField[] arrays, such as phone numbers and email addresses


string can be used as a search filter when querying the contacts database


string can be used as a search filter when querying the contacts database


Returns a new Contact object that is a deep copy of the calling object,Removes the contact from the device contacts database,

Get Current Postition
Watch Postition - Clear Watch
Section 7: PhoneGap Build

Simply upload your HTML5, CSS, and JavaScript assets to the Adobe® PhoneGap™ Build cloud service and we do the work of compiling for you.


By using Phonegap Build Commands in CLI do Upload, Build on PhoneGap Build


how to Upload Project to PhoneGap Build using ZIP


how to update Code once is uploaded by zip project


Updates are pushed directly to the application installed on a device


Knowing Basics os Config.xml


PhoneGap utilizes the <preference> tag to customize your application configuration


To import the native code into your PhoneGap Build project


To define platform specific icons


To define platform specific Splashscreen

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Yoda Learning, Become 4X Faster | Join 32000+ Udemy Students

Yoda Learning is a team of 12+ industry professionals focused on developing “Project-based"learning solutions, which enable the learners explore real world situations and thus, make the learning process engaging and practical. Our Courses on Technology includes everything including Web Development, Mobile App Development, Data Analytics and Design.

The collective work-experience of 80+ yrs. spans across multiple industries like Manufacturing, IT, Sales, Finance, Marketing, Operations, HR and functional domains such as Office suites, Mobile applications, Digital Marketing, Database Technologies, Networking).

Ready to start learning?
Take This Course