What you'll 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

Course content

13 sections • 60 lectures • 5h 16m total length

About the Course2:36
Learn about Mobile App Development with PhoneGap.
About the Instructor1:46
Learn about the course instructor.

Quickstart: Making Your First PhoneGap App12:37
Get right into making your first mobile app with Phonegap with Mark in this video.
Tools of the Trade6:31
Learn about the different tools you will need to get started in developing mobile applications with Phonegap.
Creating a New PhoneGap Project9:04
Mark goes over the steps it takes to create a new PhoneGap Project.
Testing a PhoneGap Project in the Browser6:01
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.
Testing a PhoneGap Project on a Phone3:16
Mark shows you how to set up the PhoneGap environment to test directly on your own mobile device.
Including the jQuery UI Model7:11
The jQuery Mobile library helps you make your app more mobile-friendly by changing the way HTML elements are displayed by default.

Section Introduction0:45
Creating a Multipage UI10:01
Mark demonstrates how to create an app that implements multiple page views.
Collapsable Content Blocks4:32
Mark shows you how to use the jQuery Mobile Library to create blocks of content that collapse, or hide, in your mobile app.
Control Groups5:28
A control group can be used to create an easily distinguishable group of form elements like checkboxes.
Flip Switch2:21
In this video you will learn how to implement the flip switch data role that is found in the jQuery Mobile library.
The ListView6:59
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.

Section Introduction0:48
Obtaining Device Location14:42
In this video, Mark uses the navigator object to create an app that can read the users' current location.
Using Location Information with Google Places15:11
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 Maps5:33
Learn how to create an application that uses the Google Maps API to display a map with the user's current location.

Section Introduction0:52
Playing Audio and Video Content7:03
Mark shows you the basics of adding audio and video content to your mobile application.
Controlling Play Back of Media10:05
In this video you will learn how to create working custom buttons to control the playback of audio.
Adjust Volume of Media3:35
Learn how to create a range slider that can control the volume of your media.
Media Position and Duration6:46
By accessing more properties of the Audio element in HTML you can obtain and display the current time and duration of the current song.

Section Introduction0:42
Setting Picture Options6:00
In this video Mark demonstrates an app that allows you to access the device's camera and take a picture.
Obtaining the Image7:12
Adding to the previous application, Mark shows you how to obtain that image that was taken with your app.
Returning Thumbnails4:40
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.
Selecting a Picture from The Library2:11
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.

Section Introduction0:36
The Hammer.js Library for Gestures4:41
By implementing the Hammer.js library, you will be able to access gestures which are specific to mobile devices.
Detecting Gestures5:02
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.
Taps and Presses3:39
In this video you will learn which types of taps and presses you can detect and work with.
Swipes and Pans5:36
In this video you will learn which types of swipes and pans you can detect and work with.

Section Introduction0:54
Device Info Plugin5:39
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 Orientation Plugin4:09
Learn how to obtain the direction the device is facing.
Network Information Plugin5:12
In this video you will learn how to determine the type of network connect that your device is using while running your mobile application.
Battery Status Plugin3:11
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.

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 this course is for:

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

What you'll learn

Explore related topics

Course content

About the Course2 lectures • 4min

Getting Started6 lectures • 45min

User Interface6 lectures • 30min

Storage4 lectures • 35min

Geolocation4 lectures • 36min

Media5 lectures • 28min

Device Accelerometer3 lectures • 13min

Taking Pictures5 lectures • 21min

Gestures5 lectures • 20min

Working with the Hardware5 lectures • 19min

Requirements

Description

Who this course is for: