Getting Started: PhoneGap & Cross-Platform Mobile Development

Yeah, it's pretty awesome.

What is PhoneGap?

Mobile Apps with HTML, CSS & JS

How does PhoneGap work?

Build your UI with HTML, CSS & JavaScript

Access native functionality through PhoneGap

Package your app for distribution

http://incubator.apache.org/cordova/

Why use PhoneGap?

Have you ever tried to bulid an app that supports lots of platforms?

Write Once, Run Lots of Places



Command Line API

Adding Features

Device

phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

Camera

phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git

Debugging PhoneGap

Web Developer Tools

open -a /Applications/Google\ Chrome.app --args --allow-file-access-from-files --disable-web-security

Safari, FireFox, and IE have similar developer tools

iOS 6 On-Device Debugging



Leverages Safari Developer Tools - See details here

On-Device Remote Debugging

debug.phonegap.com

Aoache Ripple

ripple.incubator.apache.org

What does a PhoneGap app look like?

Anything, really

BBC Olympics

Zombie Jombie

Untappd

That sounds nice, but what do I do next?

You can reuse existing skills & frameworks!

(and many more)

Make your apps feel like apps!

Make your data come alive!

D3

What if you want more?

PhoneGap is extensible!

  • PhoneGap's Native Plugin model allows you to write your own native components and expose them via JavaScript

Who uses PhoneGap/Cordova?

Andrew Trice

Technical Evangelist
Adobe Systems