build your first mobile app with html5 & an api...
TRANSCRIPT
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@[email protected]
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
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
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.
Add some view code
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 [email protected]
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