1. Build your first
mobile app with
HTML5, PhoneGap,
jQuery and APIs
@mdobs
@apigee
hashtag: #ApigeeHTML5
Tuesday, September 3, 13

2. Matt Dobson
@mdobs
matt.d@apigee.com
Tim Burks
@timburks
Tuesday, September 3, 13

3. Did everybody install
PhoneGap + XCode,
ADT or Visual Studio?
Tuesday, September 3, 13

4. I work @ Apigee
Tuesday, September 3, 13

5. We help power eBay
Best Buy, Walgreens,
Gilt Groupe, NewEgg,
Cars.com, Dell, Getty
Images, GraceNote,
Shazam, HomeAway,
Pearson, cheezburger
Tuesday, September 3, 13

6. We’ve organized this
training in LA, San
Jose, Austin,
Denver, Amsterdam,
Atlanta, Detroit,
Toronto…
Tuesday, September 3, 13

7. Why do we do this?
Why free?
Tuesday, September 3, 13

8. Apigee is always free
for developers
Free Hosted Accounts
25GB storage limit,
10M push notifs/mo
no API/bandwidth limit
Commercial use OK
Free OSS version
git.io/usergrid
Tuesday, September 3, 13

9. 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.
Tuesday, September 3, 13

10. What do you want to
learn today?
Tuesday, September 3, 13

11. Everybody good with
HTML Basics,
Variables,
Functions,
etc. ?
Tuesday, September 3, 13

12. 1 HTML5
2 API Backend
3 Add more!
4 PhoneGap
5 Q&A
Tuesday, September 3, 13

13. Meetup tonight @
DUMBO Kitchen
Tuesday, September 3, 13

14. Building
a simple list app
Tuesday, September 3, 13

15. HTML5
Tuesday, September 3, 13

16. use relatively few:
data-attributes
geolocation
history
Tuesday, September 3, 13

17. diveintohtml5.info
Tuesday, September 3, 13

18. Other approaches
Native
MonoTouch
RubyMotion etc.
Tuesday, September 3, 13

19. jQuery
and jQuery Mobile
Tuesday, September 3, 13

20. Section 1
Start with the UI
Tuesday, September 3, 13

21. Build something that
looks like this
j.mp/apigee-loc-ss
Tuesday, September 3, 13

22. The nice guys at
Codiqa let me offer
you unlimited trial:
j.mp/
codiqa-trial-unlimited
Tuesday, September 3, 13

23. Answer
j.mp/apigee-loc-1
Tuesday, September 3, 13

24. Section 2
Add live data
Tuesday, September 3, 13

25. Why do we need a
backend?
Tuesday, September 3, 13

26. Many options here
too…
Tuesday, September 3, 13

27. We’re going to use
an API Backend
today!
Tuesday, September 3, 13

28. It’s like a database
that you call directly
from your client
code.
Tuesday, September 3, 13

29. It’s a cloud service
that makes it easy to
store your data,
retrieve it & query it.
Tuesday, September 3, 13

30. It’s a like a Dropbox
or iCloud to
synchronize all your
app data across
users and devices
Tuesday, September 3, 13

31. Server
Infrastructure
App
Code
SDK API
Tuesday, September 3, 13

32. Apigee App Services
vs. Usergrid
Tuesday, September 3, 13

33. Let’s take a look at
Apigee
j.mp/apigee-sign-up
Tuesday, September 3, 13

34. Add some data
Tuesday, September 3, 13

35. SDKs available for…
JS, node.js, iOS,
Android, Ruby, Rails,
C#, Java, WP8, etc.
Tuesday, September 3, 13

36. Explore the
Quickstart
j.mp/apigee-loc-qs
Tuesday, September 3, 13

37. Add some view code
Tuesday, September 3, 13

38. Answer
j.mp/apigee-loc-2
Tuesday, September 3, 13

39. Now let’s create a
form!
Tuesday, September 3, 13

40. Answer
j.mp/apigee-loc-3
Tuesday, September 3, 13

41. Wire it up to Apigee!
Tuesday, September 3, 13

42. Answer
j.mp/apigee-loc-4
Tuesday, September 3, 13

43. Section 3
Run on mobile!
Tuesday, September 3, 13

44. A look at PhoneGap
PhoneGap Build,
Trigger.io, etc.
Tuesday, September 3, 13

45. Apache Cordova
vs.
Adobe PhoneGap
Tuesday, September 3, 13

46. Add your HTML
Tuesday, September 3, 13

47. Android project
j.mp/apigee-android
iOS project
j.mp/apigee-ios
Tuesday, September 3, 13

48. Run!
Tuesday, September 3, 13

49. What runs where?
Tuesday, September 3, 13

50. PhoneGap Build
Tuesday, September 3, 13

51. Full Source of class
j.mp/apigee-loc-src
Tuesday, September 3, 13

52. Congrats!
Tuesday, September 3, 13

53. What else could you
do next?
Tuesday, September 3, 13

54. Push Notifications
File Storage
Social Graph
Local capabilities
3rd-party integration
Legacy integration
Code execution
Tuesday, September 3, 13

55. Great for
prototyping,
works at scale too!
Tuesday, September 3, 13

56. 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)
Tuesday, September 3, 13

57. A top 10 US retailer
uses it for every
e-commerce call
made to its app or
website (over 50M
users, thousands of
calls per second).
Tuesday, September 3, 13

58. One of the 10 largest
private companies in
the US used it to
create an internal info
management system
for its 52k employees
Tuesday, September 3, 13

59. A large luxury brand
based in the UK
mandates all
contractors use it to
build catalogs,
campaign sites and
apps for them
Tuesday, September 3, 13

60. Apigee is free for
developers
Free Hosted Accounts
25GB storage limit,
10M push notifs/mo.
no API/bandwidth limit
Commercial use OK
Free OSS version
git.io/usergrid
Tuesday, September 3, 13

61. 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.
Tuesday, September 3, 13

62. Ask for help!
Announce projects!
j.mp/app-craft
Sign up now :)
Tuesday, September 3, 13

63. Get more training
Advanced class?
Training for your
company? Still free!
matt.d@apigee.com
Tuesday, September 3, 13

64. Congrats!
If you liked it,
post it on Twitter/
LinkedIn :)
@apigee @mdobs
matt.d@apigee.com
Tuesday, September 3, 13