PhoneGap Training

Objectives

By the end of the training, you will be able to use PhoneGap to create HTML5 apps with relatively complex user interfaces for mobile devices. You’ll know how to deploy, debug, and package these apps for Android devices and the Android markets.

Mobile Web Overview

  • Mobile Web Landscape
  • Why PhoneGap?
  • Web Apps versus Native Apps versus Hybrid Apps
  • Web -> native conversion
  • Device APIs
  • PhoneGap Implementation
  • PhoneGap and Appcelerator Titanium
  • What is the “gap” in “PhoneGap”?
  • PhoneGap and Apache

PhoneGap APIs

  • Accelerometer
  • Compass
  • Device
  • Geolocation
  • Storage
  • Camera
  • Connection
  • Events
  • Media
  • Capture
  • Contacts
  • File
  • Notification

UI Frameworks

  • Mobile overview
  • jQuery Mobile intro
  • jQuery Mobile Theme Roller
  • Media Queries

Simulation/Emulation

  • Desktop Browsers
  • Ripple

Debug

Deployment/Distribution

  • Android file structure
  • Manifest and icon configurations
  • Signing Applications
  • Building for Release
  • Setting up the emulator

Tools

  • Eclipse
  • Command Line
  • Cloud
  • JSLint
  • Cloud-base Services
  • Commercial PhoneGap add-ons

PhoneGap Plugins

  • Purpose
  • Simple example
  • ChildBrowser