Mobile App Development with PhoneGap [Video]

Mobile App Development with PhoneGap [Video]

This video is included in a Mapt subscription
Mark Lassoff

Create Apps for iOS and Android with HTML5 and Javascript.
$0.00
$30.00
$29.99p/m after trial
RRP $99.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Code Files
Preview in Mapt

Video Details

ISBN 139781788470698
Course Length5 hours 16 minutes

Video 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.

Style and Approach

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

Table of Contents

About the Course
About the Course
About the Instructor
Getting Started
Quickstart:Making Your First PhoneGap Project
Tools of the Trade
Creating a new PhoneGap Project
Testing a PhoneGap Project in the Browser
Testing a PhoneGap Project on a phone
Including the jQuery UI Model
User Interface
Section Introduction
Creating a Multipage UI
Collapse Content Blocks
Control Groups
Flip Switch
The ListView
Storage
Section Introduction
The Local Storage Object
Creating a Table and Storing Data
Retrieving Data
Geolocation
Section information
Obtaining Device Location
Using Location Information with Google Places
Using Location Information with Google Maps
Media
Section Introduction
Playing Audio and Video Content
Controlling Play Back of Media
Adjust volume of Media
Media Position and Duration
Device Accelerometer
Section Introduction
Reading the Accelerometer
Moving an Object with the Accelerometer
Moving an Object with the Accelerometer
Section introduction
Setting Picture Options
Obtaining the Image
Returning Thumbnails
Selecting a Picture from a Library
Gestures
Section Information
The Hammer.js Library for Gestures
Detecting Gestures
Taps and Presses
Swipes and Pans
Working with Hardware
Section Introduction
Device Info Plugin
Device Orientation Plugin
Network Information Plugin
Battery Status Pulgin
Push Notifications
Section Introduction
Setting up the CLI
Connecting to a Device
Sending a Notification
Sending Notification in a App
Wrapping Up
Section Introduction
Config.xml
Adobe PhoneGap Build
CLI Build
Testing
Building a Complete App
Section Introduction
Looking at the UI
Examining the Web Service
Reviewing the Code
Wrap up and Goodbye

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 multi-page 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

Authors

Table of Contents

About the Course
About the Course
About the Instructor
Getting Started
Quickstart:Making Your First PhoneGap Project
Tools of the Trade
Creating a new PhoneGap Project
Testing a PhoneGap Project in the Browser
Testing a PhoneGap Project on a phone
Including the jQuery UI Model
User Interface
Section Introduction
Creating a Multipage UI
Collapse Content Blocks
Control Groups
Flip Switch
The ListView
Storage
Section Introduction
The Local Storage Object
Creating a Table and Storing Data
Retrieving Data
Geolocation
Section information
Obtaining Device Location
Using Location Information with Google Places
Using Location Information with Google Maps
Media
Section Introduction
Playing Audio and Video Content
Controlling Play Back of Media
Adjust volume of Media
Media Position and Duration
Device Accelerometer
Section Introduction
Reading the Accelerometer
Moving an Object with the Accelerometer
Moving an Object with the Accelerometer
Section introduction
Setting Picture Options
Obtaining the Image
Returning Thumbnails
Selecting a Picture from a Library
Gestures
Section Information
The Hammer.js Library for Gestures
Detecting Gestures
Taps and Presses
Swipes and Pans
Working with Hardware
Section Introduction
Device Info Plugin
Device Orientation Plugin
Network Information Plugin
Battery Status Pulgin
Push Notifications
Section Introduction
Setting up the CLI
Connecting to a Device
Sending a Notification
Sending Notification in a App
Wrapping Up
Section Introduction
Config.xml
Adobe PhoneGap Build
CLI Build
Testing
Building a Complete App
Section Introduction
Looking at the UI
Examining the Web Service
Reviewing the Code
Wrap up and Goodbye

Video Details

ISBN 139781788470698
Course Length5 hours 16 minutes
Read More

Read More Reviews