What is PhoneGap?

An application container that allows you to build natively installed apps using HTML, CSS & JavaScript

1. Build your applications using HTML, CSS, & JavaScript
2. Use the PhoneGap API to communicate with the native OS
3. PhoneGap packages your app into a distributable binary

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

How does PhoneGap work?

Build your UI with HTML, CSS & JavaScript

Access native functionality through PhoneGap

Package your app for distribution

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
• Learn more:
  • PhoneGap Wiki
  • Github Plugins Repo

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

build.phonegap.com

Dreamweaver

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

Remote Debugging

debug.phonegap.com

iWebinspector

You can reuse existing skills & frameworks!

(and many more)

Make your apps feel like apps!

Make your data come alive!

Highcharts

Sencha

Kendo

AM Charts

RGraph

Raphael

D3