HTML5 Slides
-
Upload
matthew-dobson -
Category
Technology
-
view
398 -
download
0
description
Transcript of HTML5 Slides
![Page 1: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/1.jpg)
Build your firstmobile app with
HTML5, PhoneGap, jQuery and APIs
@mdobs@apigee
hashtag: #ApigeeHTML5wifi: Bento Miso/misoconnected
Monday, July 29, 13
![Page 3: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/3.jpg)
Did everybody install PhoneGap + XCode, ADT or Visual Studio?
Monday, July 29, 13
![Page 4: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/4.jpg)
I work @ Apigee
Monday, July 29, 13
![Page 5: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/5.jpg)
We help power eBayBest Buy, Walgreens, Gilt Groupe, NewEgg, Cars.com, Dell, Getty Images, GraceNote, Shazam, HomeAway, Pearson, cheezburger
Monday, July 29, 13
![Page 6: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/6.jpg)
We’ve organized this training in LA, San Jose, Austin, Denver, Amsterdam, Atlanta, Houston, Denver…
Monday, July 29, 13
![Page 7: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/7.jpg)
Why do we do this?Why free?
Monday, July 29, 13
![Page 8: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/8.jpg)
Apigee is always free for developersFree Hosted Accounts25GB storage limit,10M push notifs/mono API/bandwidth limitCommercial use OKFree OSS versiongit.io/usergrid
Monday, July 29, 13
![Page 9: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/9.jpg)
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.
Monday, July 29, 13
![Page 10: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/10.jpg)
What do you want to learn today?
Monday, July 29, 13
![Page 11: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/11.jpg)
Everybody good withHTML Basics,Variables,Functions,etc. ?
Monday, July 29, 13
![Page 12: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/12.jpg)
1 HTML52 API Backend3 Add more!4 PhoneGap5 Q&A
Monday, July 29, 13
![Page 13: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/13.jpg)
Buildinga simple list app
Monday, July 29, 13
![Page 14: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/14.jpg)
HTML5
Monday, July 29, 13
![Page 15: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/15.jpg)
use relatively few:data-attributesgeolocationhistory
Monday, July 29, 13
![Page 17: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/17.jpg)
Other approachesNativeMonoTouchRubyMotion etc.
Monday, July 29, 13
![Page 18: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/18.jpg)
jQueryand jQuery Mobile
Monday, July 29, 13
![Page 19: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/19.jpg)
Section 1Start with the UI
Monday, July 29, 13
![Page 20: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/20.jpg)
Build something that looks like this
j.mp/apigee-loc-ss
Monday, July 29, 13
![Page 21: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/21.jpg)
The nice guys at Codiqa let me offer you unlimited trial:
j.mp/codiqa-trial-unlimited
Monday, July 29, 13
![Page 23: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/23.jpg)
Section 2Add live data
Monday, July 29, 13
![Page 24: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/24.jpg)
Why do we need a backend?
Monday, July 29, 13
![Page 25: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/25.jpg)
Many options here too…
Monday, July 29, 13
![Page 26: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/26.jpg)
We’re going to usean API Backend today!
Monday, July 29, 13
![Page 27: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/27.jpg)
It’s like a database that you call directly from your client code.
Monday, July 29, 13
![Page 28: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/28.jpg)
It’s a cloud service that makes it easy tostore your data, retrieve it & query it.
Monday, July 29, 13
![Page 29: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/29.jpg)
It’s a like a Dropbox or iCloud to synchronize all your app data across users and devices
Monday, July 29, 13
![Page 30: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/30.jpg)
ServerInfrastructure
AppCode SDK API
Monday, July 29, 13
![Page 31: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/31.jpg)
Apigee App Servicesvs. Usergrid
Monday, July 29, 13
![Page 32: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/32.jpg)
Let’s take a look at Apigee
j.mp/apigee-sign-up
Monday, July 29, 13
![Page 33: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/33.jpg)
Add some data
Monday, July 29, 13
![Page 34: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/34.jpg)
SDKs available for…
JS, node.js, iOS, Android, Ruby, Rails,C#, Java, WP8, etc.
Monday, July 29, 13
![Page 35: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/35.jpg)
Explore the Quickstart
j.mp/apigee-loc-qs
Monday, July 29, 13
![Page 36: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/36.jpg)
Add some view code
Monday, July 29, 13
![Page 38: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/38.jpg)
Now let’s create a form!
Monday, July 29, 13
![Page 40: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/40.jpg)
Wire it up to Apigee!
Monday, July 29, 13
![Page 42: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/42.jpg)
Section 3Run on mobile!
Monday, July 29, 13
![Page 43: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/43.jpg)
A look at PhoneGapPhoneGap Build, Trigger.io, etc.
Monday, July 29, 13
![Page 44: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/44.jpg)
Apache Cordovavs.Adobe PhoneGap
Monday, July 29, 13
![Page 45: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/45.jpg)
Androidj.mp/phonegap-android-guide
iOS, Windows Phonej.mp/cordova-25-getstarted
Monday, July 29, 13
![Page 46: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/46.jpg)
Add your HTML
Monday, July 29, 13
![Page 47: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/47.jpg)
Android projectj.mp/apigee-android
iOS projectj.mp/apigee-ios
Monday, July 29, 13
![Page 48: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/48.jpg)
Run!
Monday, July 29, 13
![Page 49: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/49.jpg)
What runs where?
Monday, July 29, 13
![Page 50: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/50.jpg)
PhoneGap Build
Monday, July 29, 13
![Page 51: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/51.jpg)
Full Source of class
j.mp/apigee-loc-src
Monday, July 29, 13
![Page 52: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/52.jpg)
Section 4Geolocation
Monday, July 29, 13
![Page 53: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/53.jpg)
0.Add location to objects1.Find your location2.Query for nearby objects
Monday, July 29, 13
![Page 54: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/54.jpg)
I’ve created landmarks for you!
j.mp/geo-feed
Monday, July 29, 13
![Page 55: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/55.jpg)
To avoid the geoloc security error
python -m SimpleHTTPServer& open http://localhost:8000
Monday, July 29, 13
![Page 56: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/56.jpg)
Geoloc docs
j.mp/apigee-geoloc
Monday, July 29, 13
![Page 58: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/58.jpg)
Advanced Demoj.mp/targets-demo
Codej.mp/targets-code
Monday, July 29, 13
![Page 59: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/59.jpg)
Section 5Identity & Security
Monday, July 29, 13
![Page 60: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/60.jpg)
Managing your users
Monday, July 29, 13
![Page 61: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/61.jpg)
Signup is open, but everything else is controlled.
Monday, July 29, 13
![Page 62: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/62.jpg)
Permissions
Monday, July 29, 13
![Page 63: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/63.jpg)
Creating a user (signup)
Monday, July 29, 13
![Page 64: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/64.jpg)
Getting a token (login)
Monday, July 29, 13
![Page 65: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/65.jpg)
Mixing identity into our code!
Monday, July 29, 13
![Page 66: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/66.jpg)
Solution
j.mp/apigee-loc-6
Monday, July 29, 13
![Page 67: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/67.jpg)
Demoj.mp/messagee-demo
Codej.mp/messagee-code
Monday, July 29, 13
![Page 68: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/68.jpg)
What else could you do next?
Monday, July 29, 13
![Page 69: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/69.jpg)
Push NotificationsFile StorageSocial GraphLocal capabilities3rd-party integrationLegacy integrationCode execution
Monday, July 29, 13
![Page 70: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/70.jpg)
Great for prototyping,works at scale too!
Monday, July 29, 13
![Page 71: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/71.jpg)
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)
Monday, July 29, 13
![Page 72: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/72.jpg)
A top 10 US retaileruses it for everye-commerce call made to its app or website (over 50M users, thousands of calls per second).
Monday, July 29, 13
![Page 73: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/73.jpg)
One of the 10 largest private companies in the US used it to create an internal info management system for its 52k employees
Monday, July 29, 13
![Page 74: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/74.jpg)
A large luxury brand based in the UK mandates all contractors use it to build catalogs, campaign sites and apps for them
Monday, July 29, 13
![Page 75: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/75.jpg)
Apigee is free for developersFree Hosted Accounts25GB storage limit,10M push notifs/mo.no API/bandwidth limitCommercial use OKFree OSS versiongit.io/usergrid
Monday, July 29, 13
![Page 76: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/76.jpg)
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.
Monday, July 29, 13
![Page 77: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/77.jpg)
Ask for help!Announce projects!
j.mp/app-craft
Sign up now :)
Monday, July 29, 13
![Page 78: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/78.jpg)
Get more training
Advanced class?Training for your company? Still [email protected]
Monday, July 29, 13
![Page 79: HTML5 Slides](https://reader034.fdocuments.in/reader034/viewer/2022052522/55495cadb4c905e94e8b541b/html5/thumbnails/79.jpg)
Congrats!
If you liked it,post it on Twitter/LinkedIn :)@apigee @mdobs
[email protected], July 29, 13