building

mobile apps

with
phonegap

By Tianyi

Why

It's Cool? (lol nah...)
Use your existing "RESPONSIVE" web apps
Use existing libraries
Multiple platforms with one code base
Native functionality plugins
For a better and open WEB
Apple haters anyone?

Why not

Performance
Hard to debug
But in many situations it does not matter

A little bit of history

Originally created by Nitobi.
Purchased by Adobe in 2011.
Adobe then donated it to the Apache foundation
Then it renamed a couple of times, finally settled on "Apache cordova"
Adobe then focus on the ecosystem around phonegap/cordava, such as plugins, debugging tools, build system.

Start

npm install -g phonegap

phonegap create yourpoject

ADDING PLATFORMS

phonegap platform add iosphonegap platform add androidphonegap platform add firefoxosphonegap platform add blackberry10phonegap platform add amazon-fireos

build and emulate

phonegap build
phonegap emulate ios
phonegap emulate android

Phonegap build

The best thing since sliced bread

https://build.phonegap.com

No more juggling between Eclipse and Xcode

Debugging

Not easy, but not too bad

And it's getting better and better

Chrome/Safari remote debugging
app.phonegap.com
Something called "WEINRE"
phonegap build service provides remote debugging

Distribute

Android: Android alpha/beta channel
IOS: https://testflightapp.com
Both: Phonegap build

Demo app

It's called 86400

It's an app to remind you there isn't much time in a day, you shouldn't waste any.

Web app: http://86400.tian-yi.me

Android app: https://play.google.com/store/apps/details?id=com.tianyi.seconds

Source Code: https://github.com/tianyi33/86400

Questions?

@3quarterstack