0
Build your first
mobile app with
HTML5, PhoneGap,
jQuery and APIs
@mdobs
@apigee
hashtag: #ApigeeHTML5
Tuesday, September ...
Matt Dobson
@mdobs
matt.d@apigee.com
Tim Burks
@timburks
Tuesday, September 3, 13
Did everybody install
PhoneGap + XCode,
ADT or Visual Studio?
Tuesday, September 3, 13
I work @ Apigee
Tuesday, September 3, 13
We help power eBay
Best Buy, Walgreens,
Gilt Groupe, NewEgg,
Cars.com, Dell, Getty
Images, GraceNote,
Shazam, HomeAway,
Pe...
We’ve organized this
training in LA, San
Jose, Austin,
Denver, Amsterdam,
Atlanta, Detroit,
Toronto…
Tuesday, September 3,...
Why do we do this?
Why free?
Tuesday, September 3, 13
Apigee is always free
for developers
Free Hosted Accounts
25GB 	storage limit,
10M push notifs/mo
no API/bandwidth limit
C...
Paid plans available
for large companies if
you need to deploy
this on your own
servers or SLAs,
4 nines, multi-region,
ph...
What do you want to
learn today?
Tuesday, September 3, 13
Everybody good with
HTML Basics,
Variables,
Functions,
etc. ?
Tuesday, September 3, 13
1 HTML5
2 API Backend
3 Add more!
4 PhoneGap
5 Q&A
Tuesday, September 3, 13
Meetup tonight @
DUMBO Kitchen
Tuesday, September 3, 13
Building
a simple list app
Tuesday, September 3, 13
HTML5
Tuesday, September 3, 13
use relatively few:
data-attributes
geolocation
history
Tuesday, September 3, 13
diveintohtml5.info
Tuesday, September 3, 13
Other approaches
Native
MonoTouch
RubyMotion etc.
Tuesday, September 3, 13
jQuery
and jQuery Mobile
Tuesday, September 3, 13
Section 1
Start with the UI
Tuesday, September 3, 13
Build something that
looks like this
j.mp/apigee-loc-ss
Tuesday, September 3, 13
The nice guys at
Codiqa let me offer
you unlimited trial:
j.mp/
codiqa-trial-unlimited
Tuesday, September 3, 13
Answer
j.mp/apigee-loc-1
Tuesday, September 3, 13
Section 2
Add live data
Tuesday, September 3, 13
Why do we need a
backend?
Tuesday, September 3, 13
Many options here
too…
Tuesday, September 3, 13
We’re going to use
an API Backend
today!
Tuesday, September 3, 13
It’s like a database
that you call directly
from your client
code.
Tuesday, September 3, 13
It’s a cloud service
that makes it easy to
store your data,
retrieve it & query it.
Tuesday, September 3, 13
It’s a like a Dropbox
or iCloud to
synchronize all your
app data across
users and devices
Tuesday, September 3, 13
Server
Infrastructure
App
Code
SDK API
Tuesday, September 3, 13
Apigee App Services
vs. Usergrid
Tuesday, September 3, 13
Let’s take a look at
Apigee
j.mp/apigee-sign-up
Tuesday, September 3, 13
Add some data
Tuesday, September 3, 13
SDKs available for…
JS, node.js, iOS,
Android, Ruby, Rails,
C#, Java, WP8, etc.
Tuesday, September 3, 13
Explore the
Quickstart
j.mp/apigee-loc-qs
Tuesday, September 3, 13
Add some view code
Tuesday, September 3, 13
Answer
j.mp/apigee-loc-2
Tuesday, September 3, 13
Now let’s create a
form!
Tuesday, September 3, 13
Answer
j.mp/apigee-loc-3
Tuesday, September 3, 13
Wire it up to Apigee!
Tuesday, September 3, 13
Answer
j.mp/apigee-loc-4
Tuesday, September 3, 13
Section 3
Run on mobile!
Tuesday, September 3, 13
A look at PhoneGap
PhoneGap Build,
Trigger.io, etc.
Tuesday, September 3, 13
Apache Cordova
vs.
Adobe PhoneGap
Tuesday, September 3, 13
Add your HTML
Tuesday, September 3, 13
Android project
j.mp/apigee-android
iOS project
j.mp/apigee-ios
Tuesday, September 3, 13
Run!
Tuesday, September 3, 13
What runs where?
Tuesday, September 3, 13
PhoneGap Build
Tuesday, September 3, 13
Full Source of class
j.mp/apigee-loc-src
Tuesday, September 3, 13
Congrats!
Tuesday, September 3, 13
What else could you
do next?
Tuesday, September 3, 13
Push Notifications
File Storage
Social Graph
Local capabilities
3rd-party integration
Legacy integration
Code execution
Tu...
Great for
prototyping,
works at scale too!
Tuesday, September 3, 13
When you use
Apigee, every piece
of data you store gets
saved in 3 different
data centers around
the US (soon 3
copies in ...
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 ...
One of the 10 largest
private companies in
the US used it to
create an internal info
management system
for its 52k employe...
A large luxury brand
based in the UK
mandates all
contractors use it to
build catalogs,
campaign sites and
apps for them
T...
Apigee is free for
developers
Free Hosted Accounts
25GB 	storage limit,
10M push notifs/mo.
no API/bandwidth limit
Commerc...
Paid plans available
for large companies if
you need to deploy
this on your own
servers or SLAs,
4 nines, multi-region,
ph...
Ask for help!
Announce projects!
j.mp/app-craft
Sign up now :)
Tuesday, September 3, 13
Get more training
Advanced class?
Training for your
company? Still free!
matt.d@apigee.com
Tuesday, September 3, 13
Congrats!
If you liked it,
post it on Twitter/
LinkedIn :)
@apigee @mdobs
matt.d@apigee.com
Tuesday, September 3, 13
Upcoming SlideShare
Loading in...5
×

Matt training-html-halfday

697

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
697
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Matt training-html-halfday"

  1. 1. Build your first mobile app with HTML5, PhoneGap, jQuery and APIs @mdobs @apigee hashtag: #ApigeeHTML5 Tuesday, September 3, 13
  2. 2. Matt Dobson @mdobs matt.d@apigee.com Tim Burks @timburks Tuesday, September 3, 13
  3. 3. Did everybody install PhoneGap + XCode, ADT or Visual Studio? Tuesday, September 3, 13
  4. 4. I work @ Apigee Tuesday, September 3, 13
  5. 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. 6. We’ve organized this training in LA, San Jose, Austin, Denver, Amsterdam, Atlanta, Detroit, Toronto… Tuesday, September 3, 13
  7. 7. Why do we do this? Why free? Tuesday, September 3, 13
  8. 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. 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. 10. What do you want to learn today? Tuesday, September 3, 13
  11. 11. Everybody good with HTML Basics, Variables, Functions, etc. ? Tuesday, September 3, 13
  12. 12. 1 HTML5 2 API Backend 3 Add more! 4 PhoneGap 5 Q&A Tuesday, September 3, 13
  13. 13. Meetup tonight @ DUMBO Kitchen Tuesday, September 3, 13
  14. 14. Building a simple list app Tuesday, September 3, 13
  15. 15. HTML5 Tuesday, September 3, 13
  16. 16. use relatively few: data-attributes geolocation history Tuesday, September 3, 13
  17. 17. diveintohtml5.info Tuesday, September 3, 13
  18. 18. Other approaches Native MonoTouch RubyMotion etc. Tuesday, September 3, 13
  19. 19. jQuery and jQuery Mobile Tuesday, September 3, 13
  20. 20. Section 1 Start with the UI Tuesday, September 3, 13
  21. 21. Build something that looks like this j.mp/apigee-loc-ss Tuesday, September 3, 13
  22. 22. The nice guys at Codiqa let me offer you unlimited trial: j.mp/ codiqa-trial-unlimited Tuesday, September 3, 13
  23. 23. Answer j.mp/apigee-loc-1 Tuesday, September 3, 13
  24. 24. Section 2 Add live data Tuesday, September 3, 13
  25. 25. Why do we need a backend? Tuesday, September 3, 13
  26. 26. Many options here too… Tuesday, September 3, 13
  27. 27. We’re going to use an API Backend today! Tuesday, September 3, 13
  28. 28. It’s like a database that you call directly from your client code. Tuesday, September 3, 13
  29. 29. It’s a cloud service that makes it easy to store your data, retrieve it & query it. Tuesday, September 3, 13
  30. 30. It’s a like a Dropbox or iCloud to synchronize all your app data across users and devices Tuesday, September 3, 13
  31. 31. Server Infrastructure App Code SDK API Tuesday, September 3, 13
  32. 32. Apigee App Services vs. Usergrid Tuesday, September 3, 13
  33. 33. Let’s take a look at Apigee j.mp/apigee-sign-up Tuesday, September 3, 13
  34. 34. Add some data Tuesday, September 3, 13
  35. 35. SDKs available for… JS, node.js, iOS, Android, Ruby, Rails, C#, Java, WP8, etc. Tuesday, September 3, 13
  36. 36. Explore the Quickstart j.mp/apigee-loc-qs Tuesday, September 3, 13
  37. 37. Add some view code Tuesday, September 3, 13
  38. 38. Answer j.mp/apigee-loc-2 Tuesday, September 3, 13
  39. 39. Now let’s create a form! Tuesday, September 3, 13
  40. 40. Answer j.mp/apigee-loc-3 Tuesday, September 3, 13
  41. 41. Wire it up to Apigee! Tuesday, September 3, 13
  42. 42. Answer j.mp/apigee-loc-4 Tuesday, September 3, 13
  43. 43. Section 3 Run on mobile! Tuesday, September 3, 13
  44. 44. A look at PhoneGap PhoneGap Build, Trigger.io, etc. Tuesday, September 3, 13
  45. 45. Apache Cordova vs. Adobe PhoneGap Tuesday, September 3, 13
  46. 46. Add your HTML Tuesday, September 3, 13
  47. 47. Android project j.mp/apigee-android iOS project j.mp/apigee-ios Tuesday, September 3, 13
  48. 48. Run! Tuesday, September 3, 13
  49. 49. What runs where? Tuesday, September 3, 13
  50. 50. PhoneGap Build Tuesday, September 3, 13
  51. 51. Full Source of class j.mp/apigee-loc-src Tuesday, September 3, 13
  52. 52. Congrats! Tuesday, September 3, 13
  53. 53. What else could you do next? Tuesday, September 3, 13
  54. 54. Push Notifications File Storage Social Graph Local capabilities 3rd-party integration Legacy integration Code execution Tuesday, September 3, 13
  55. 55. Great for prototyping, works at scale too! Tuesday, September 3, 13
  56. 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. 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. 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. 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. 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. 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. 62. Ask for help! Announce projects! j.mp/app-craft Sign up now :) Tuesday, September 3, 13
  63. 63. Get more training Advanced class? Training for your company? Still free! matt.d@apigee.com Tuesday, September 3, 13
  64. 64. Congrats! If you liked it, post it on Twitter/ LinkedIn :) @apigee @mdobs matt.d@apigee.com Tuesday, September 3, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×