Course: Mobile App Development with PhoneGap

Mobile App Development with PhoneGap

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
  • Self-Paced
About this Course

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
Basic knowledge
  • Successful students in this course will have foundational knowledge of HTML and Javascript
  • A Mac or PC is required to complete this course
What you will 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
Number of Lectures: 59
Total Duration: 05:17:27
About the Course
  • About the Course  

    Learn about Mobile App Development with PhoneGap.

  • About the Instructor  

    Learn about the course instructor.

Getting Started
  • Quickstart: Making Your First PhoneGap App  

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

  • Tools of the Trade  

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

  • Creating a New PhoneGap Project  

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

  • Testing a PhoneGap Project in the Browser  
  • Testing a PhoneGap Project on a Phone  

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

  • Including the jQuery UI Model  

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

User Interface
  • Section Introduction  
  • Creating a Multipage UI  

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

  • Collapsable Content Blocks  

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

  • Control Groups  

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

  • Flip Switch  

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

  • The ListView  

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

  • The Local Storage Object  

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

  • Creating a Table and Storing Data  

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

  • Retrieving Data  

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

  • Geolocation - Section Introduction  
  • Obtaining Device Location  

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

  • Using Location Information with Google Places  

    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 Maps  

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

  • Media - Section Introduction  
  • Playing Audio and Video Content  

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

  • Controlling Play Back of Media  

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

  • Adjust Volume of Media  

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

  • Media Position and Duration  

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

Device Accelerometer
  • Device Accelerometer - Section Introduction  
  • Reading the Accelerometer  

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

  • Moving an Object with the Accelerometer  

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

Taking Pictures
  • Taking Pictures - Section Introduction  
  • Setting Picture Options  

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

  • Obtaining the Image  

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

  • Returning Thumbnails  

    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 Library  

    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.

  • Gestures - Section Introduction  
  • The Hammer.js Library for Gestures  

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

  • Detecting Gestures  

    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 Presses  

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

  • Swipes and Pans  

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

Working with the Hardware
  • Working with the Hardware - Section Introduction  
  • Device Info Plugin  

    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 Plugin  

    Learn how to obtain the direction the device is facing.

  • Network Information Plugin  

    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 Plugin  

    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.

Push Notifications
  • Push Notifications - Section Introduction  
  • Setting up the CLI  

    Mark shows you how to set up the Command Line Interface, which can be used to do a number of tasks with PhoneGap.

  • Connecting to a Device  

    Learn how to connect to a device using PhoneGap through the command line.

  • Sending a Notification  

    In this video Mark shows you how to send a notification to a device with the command line, regardless of if the application is currently being run on a device.

  • Sending a Notification in an App  

    Mark goes over the code that you need in a mobile application to be able to handle and push notifications.

Wrapping Up
  • Wrapping Up - Section Introduction  
  • Config.xml  

    Checking and editing the config.xml file for your app is essential before you go an submit your app to any app store.

  • Adobe PhoneGap Build  

    Adobe PhoneGap Build is a free service that will build your mobile application for you and give you a package that can be submitted to whichever app store you want.

  • CLI Build  

    In this video, Mark shows you how to use the command line interface to build your mobile app.

  • Testing  

    Learn about the Android Virtual Device tool that will be helpful in testing your application.

Building a Complete App
  • Building a Complete App - Section Introduction  
  • Looking at the UI  

    Mark gives you an overview of a complete mobile app that interacts with the Washington Metro API to get information on trains in the Washington Metro Area.

  • Examining the Web Service  

    Mark takes a closer look at the Washington Metro API and goes into more detail on how he handled requesting and receiving information within his app.

  • Reviewing the Code  

    Mark goes line-by-line through the code he wrote for his Trains App and explains how it works.

  • Wrap Up and Goodbye  
Reviews (0)