build your first mobile app with html5 & an api...

Build your first mobile appwith HTML5 & an API Backend1. No Audio right now — we’ll get started by 3:05pm PacificTake this time to send us a quick GoToWebinar message to let us know which city you’re from and if you’re a designer, front-end developer, backend-developer, architect, manager, etc. :)

2. Reminder: you need to have PhoneGap + XCode, ADT or Visual Studio installed.Android guide: j.mp/phonegap-android-guideiOS, Windows Phone guide: j.mp/phonegap-26-getstarted

3. We will send you a video recording + slides by email

Tim Anglade@timangladetim@apigee.com

Formerly:Software at NASDAQCS lecturer in MSc.CTO of startupInv. Expert at W3C

I work for Apigee

We help power eBayBest Buy, Walgreens, Gilt Groupe, NewEgg, Cars.com, Dell, Getty Images, GraceNote, Shazam, HomeAway, Pearson, cheezburger

We’ve organized this training in LA, San Jose, Austin, Denver, Amsterdam, Atlanta, Houston, Detroit…

Apigee is always free for developersFree Hosted Accounts25GB storage limit,no API/bandwidth limitCommercial use OKFree OSS versiongit.io/usergrid

Paid plans available for large companies if you need to deploy this on your own servers or SLAs, 4 nines, multi-region, phone support, more storage, etc.

Where is everybody from today?What do you do?

Everybody good withHTML Basics,Variables,Functions,etc. ?

HTML5 30 minBuild a UI 45Add Live Data 45PhoneGap 45Q&A, Next Steps 15

Buildinga simple list app

HTML5

use relatively few:data-attributeshistory

diveintohtml5.info

Other approachesNativeMonoTouchRubyMotion etc.

jQueryand jQuery Mobile

Section 1Start with the UI

Build something that looks like thisj.mp/apigee-mockup

The nice guys at Codiqa let me offer you unlimited trial:j.mp/codiqa-trial-unlimited

Answerj.mp/apigee-ui

Section 2Add live data

Why do we need a backend?

Many options here too…

We’re going to usean API Backend today!

It’s like a database that you call directly from your client code.

It’s a cloud service that makes it easy tostore your data, retrieve it & query it.

It’s a like a Dropbox or iCloud to synchronize all your app data across users and devices

ServerInfrastructure

AppCode SDK API

Even in API Backends,there are plenty of alternatives!

Apigee App Servicesvs. Usergrid

Let’s take a look at Apigeej.mp/apigee-sign-up

Add some data

SDKs available for…JS, node.js, iOS, Android, Ruby, Rails,C#, Python, PHP, Java, WP8, etc.

Explore the SDKj.mp/apigee-js-sdk

Add some view code

Answerj.mp/apigee-read

Section 3Run on mobile!

A look at PhoneGapPhoneGap Build, Trigger.io, etc.

Apache Cordovavs.Adobe PhoneGap

Androidj.mp/phonegap-android-guideiOS, Windows Phonej.mp/cordova-26-getstarted

Add your HTML

Run!

What runs where?

PhoneGap Build

Congrats!

What else could you do next?

Write DataMultiple PagesPush NotificationsFile StorageSocial GraphLocal capabilities3rd-party integrationLegacy integrationCode execution

Ask for help!Announce projects!j.mp/app-craftSign up now :)

Great for prototyping,works at scale too!

When you use Apigee, every piece of data you store gets saved in 3 different data centers around the US (soon 3 copies in Europe too)

A top 10 US retaileruses it for everye-commerce call made to its app or website (over 50M users, thousands of calls per second).

One of the 10 largest private companies in the US used it to create an internal info management system for its 50k employees

A large luxury brand based in the UK mandates all contractors use it to build catalogs, campaign sites and apps for them

Apigee is free for developersFree Hosted Accounts25GB storage limit,no API/bandwidth limitCommercial use OKFree OSS versiongit.io/usergrid

Paid plans available for large companies if you need to deploy this on your own servers or SLAs, 4 nines, multi-region, phone support, more storage, etc.

SDKs available for…JS, node.js, iOS, Android, Ruby, Rails,C#, Python, PHP, Java, WP8, etc.

Ask for help!Announce projects!j.mp/app-craftSign up now :)

Get more trainingAdvanced class?Training for your company? Still free!tim@apigee.com

Apigee is hiring (all around the world)j.mp/apigee-cs-jobs

Congrats!If you liked it,post it on Twitter/LinkedIn :)@apigee @timangladej.mp/app-craft