Mobile App Development with PhoneGap
4.4 (61 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.
315 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mobile App Development with PhoneGap to your Wishlist.

Add to Wishlist

Mobile App Development with PhoneGap

Create Apps for iOS and Android with HTML5 and Javascript
Bestselling
4.4 (61 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.
315 students enrolled
Last updated 3/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 17 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Use the PhoneGap Desktop app to create new PhoneGap mobile apps
  • Use the PhoneGap Desktop app and PhoneGap Mobile app to test new apps
  • Create a new PhoneGap app template
  • Test a PhoneGap project in the browser
  • Include the JQuery library for UI
  • Create single and multipage user interfaces
  • Create collapsible content blocks to optimize mobile screen space
  • Use jQuery Mobile UI elements to create usable mobile apps
  • Use the Local Storage object for permanent on-device storage
  • Storing data in the on-device database
  • Retrieving data from the on-device database
  • Obtain the device's location using geolocation tools
  • Obtain location information with the Google Places API
  • Obtain location information and Maps from the Google Maps API
  • Play audio and video content on the device
  • Control media content using Javacript
  • Determine device position on X,Y and Z axis with the accelerometer
  • Use the accelerometer to move on-screen objects
  • Access device hardware including the camera
  • Obtain and save images with the camera
  • Detect gestures using the Hammer.js library
  • Integrate taps and press gestures in to your application
  • Integrate swipe and pan gestures in to your mobile app
  • Determine information about the device on which your app is running
  • Work with device orientation
  • Determine information about the network to which device is connected
  • Determine battery status of device
  • Send a push notification to an app
  • Process a push notification so it appears in the messaging bar
  • Configure the Config.xml for app release
  • Build with Adobe PhoneGap Build
  • Build with the Command Line Interface
  • Complete pre-release testing of a mobile app
View Curriculum
Requirements
  • Successful students in this course will have foundational knowledge of HTML and Javascript
  • A Mac or PC is required to complete this course
Description

Want to develop applications for iOS and Android, but don't want to learn yet another programming language? PhoneGap is your answer. With PhoneGap you can develop complete mobile applications using HTML5, Javascript and CSS.

And, these aren't dumbed-down applications....
These are full-fledged mobile apps that can do everything from interact with device hardware such as the accelerometer, camera and geolocation tools to interacting with (iOS or Android) operating system to make phone calls or use Bluetooth.
In this soup-to-nuts PhoneGap course you'll learn everything from setting up your PhoneGap environment to testing your app on your phone or tablet device. You'll learn from extensive on camera demonstrations and be able to download the many examples you see the instructor create on screen. This course gets practical very quickly as you'll be working with the phone hardware and interacting with the same real-world API's that professional developers use everyday-- such as Google Places and Google Maps.


At the end of the course, you'll put it all together as you create full application using the Washington Transit API.  This app is similar to the types of apps being placed in the Apple App Store and the Google Play Store every day!  You'll join the ranks of companies like Logitech and Fan React who publish PhonGap apps directly to all of the major app stores.

If you have a fundamental understanding of HTML5 and Javascript you CAN build mobile applications with the PhoneGap library. Mobile App Development is the single Fastest Growing Segment of Development-- Get in on the Action with Mobile App Development with PhoneGap today!

Who is the target audience?
  • Developers who want to build apps that work on Android and iOS
  • Web Developers who want to extend their current skillsets in to mobile
  • Those with significant web assets they like to leverage for mobile applications
Students Who Viewed This Course Also Viewed
Curriculum For This Course
60 Lectures
05:16:04
+
About the Course
2 Lectures 04:22

Learn about Mobile App Development with PhoneGap.

Preview 02:36

Learn about the course instructor.

Preview 01:46
+
Getting Started
6 Lectures 44:40

Get right into making your first mobile app with Phonegap with Mark in this video.

Preview 12:37

Learn about the different tools you will need to get started in developing mobile applications with Phonegap. 

Preview 06:31

Mark goes over the steps it takes to create a new PhoneGap Project.

Preview 09:04

The developer tools within the Google Chrome Browser allows you to display your web app as if it were being displayed on a mobile device of any size.

Preview 06:01

Mark shows you how to set up the PhoneGap environment to test directly on your own mobile device.

Testing a PhoneGap Project on a Phone
03:16

The jQuery Mobile library helps you make your app more mobile-friendly by changing the way HTML elements are displayed by default.

Including the jQuery UI Model
07:11
+
User Interface
6 Lectures 30:06
Section Introduction
00:45

Mark demonstrates how to create an app that implements multiple page views.

Creating a Multipage UI
10:01

Mark shows you how to use the jQuery Mobile Library to create blocks of content that collapse, or hide, in your mobile app.

Collapsable Content Blocks
04:32

A control group can be used to create an easily distinguishable group of form elements like checkboxes.

Control Groups
05:28

In this video you will learn how to implement the flip switch data role that is found in the jQuery Mobile library.

Flip Switch
02:21

Learn how to use the listview data-role, which turns regular HTML lists into a more mobile-friendly and readable list in your mobile app.

The ListView
06:59
+
Storage
4 Lectures 34:31
Section Introduction
00:49

In this video you will learn how to create an app that can store data locally that can be accessed again whenever necessary.

The Local Storage Object
11:00

Mark shows you how to use SQL to create a data that can store multiple rows of user data.

Creating a Table and Storing Data
09:25

Learn how to use SQL to retrieve that data that you stored locally.

Retrieving Data
13:17
+
Geolocation
4 Lectures 36:14
Section Introduction
00:48

In this video, Mark uses the navigator object to create an app that can read the users' current location.

Obtaining Device Location
14:42

By combining the information that you can obtain using the navigator and geolocation object with the Google Places API, you can create a mobile application that can display certain locations that are found nearby.

Using Location Information with Google Places
15:11

Learn how to create an application that uses the Google Maps API to display a map with the user's current location.

Using Location Information with Google Maps
05:33
+
Media
5 Lectures 28:21
Section Introduction
00:52

Mark shows you the basics of adding audio and video content to your mobile application.

Playing Audio and Video Content
07:03

In this video you will learn how to create working custom buttons to control the playback of audio.

Controlling Play Back of Media
10:05

Learn how to create a range slider that can control the volume of your media.

Adjust Volume of Media
03:35

By accessing more properties of the Audio element in HTML you can obtain and display the current time and duration of the current song.

Media Position and Duration
06:46
+
Device Accelerometer
3 Lectures 13:16
Section Introduction
00:49

In this video Mark shows you how to access the devices Accelerometer and shows you how to display the information available to you.

Reading the Accelerometer
07:52

Learn how to connect the values obtained from the accelerometer to an object on the screen in order to make it move.

Moving an Object with the Accelerometer
04:35
+
Taking Pictures
5 Lectures 20:45
Section Introduction
00:42

In this video Mark demonstrates an app that allows you to access the device's camera and take a picture.

Setting Picture Options
06:00

Adding to the previous application, Mark shows you how to obtain that image that was taken with your app.

Obtaining the Image
07:12

Mark goes over the process of returning a thumbnail of the image taken with you app. He also shows you how to add options on the fly that the user can opt in to.

Returning Thumbnails
04:40

Learn how to change the options in your mobile application to let your user select a picture from their photo library and import it into your app.

Selecting a Picture from The Library
02:11
+
Gestures
5 Lectures 19:34
Section Introduction
00:36

By implementing the Hammer.js library, you will be able to access gestures which are specific to mobile devices.

The Hammer.js Library for Gestures
04:41

Mark puts the Hammer.js library to use by showing you how to create an app that is able to detect the gestures that are being input by the user.

Detecting Gestures
05:02

In this video you will learn which types of taps and presses you can detect and work with.

Taps and Presses
03:39

In this video you will learn which types of swipes and pans you can detect and work with.

Swipes and Pans
05:36
+
Working with the Hardware
5 Lectures 19:05
Section Introduction
00:54

When building an application with PhoneGap you are given access to obtain all kinds of information about the device your application is being run on. Learn the simple lines of code you will need to do this in this video.

Device Info Plugin
05:39

Learn how to obtain the direction the device is facing.

Device Orientation Plugin
04:09

In this video you will learn how to determine the type of network connect that your device is using while running your mobile application.

Network Information Plugin
05:12

Learn about the multiple battery events that can be used within you app to obtain information based on the current status of the device's battery.

Battery Status Plugin
03:11
3 More Sections
About the Instructor
LearnToProgram, Inc.
4.3 Average rating
4,407 Reviews
142,835 Students
46 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.