Intro to PhoneGap

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

Why use PhoneGap?

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

Write Once, Run Lots of Places



Why Else?

  • Lower barrier to entry
  • Reduced required developer skills
  • Reduced long term maintenance
  • Seamless integration with existing HTTP-based systems
  • Reusable assets between mobile and web properties

What does a PhoneGap app look like?

Anything, really

BBC Olympics

Zombie Jombie

Wikipedia

Untappd

Bit Timer

US Census Browser

Adobe SCInsight

Let's take a look at some apps...

Building PhoneGap Apps

Platform IDEs

Xcode

Eclipse
Visual Studio

Command Line API

build.phonegap.com

Debugging PhoneGap Apps

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

emulate.phonegap.com

iOS 6 On-Device Debugging



Leverages Safari Developer Tools - See details here

On-Device Remote

debug.phonegap.com

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!

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

Who uses PhoneGap/Cordova?

Renaun Erickson

Technical Evangelist
Adobe Systems