HTML5 Slides
- 1. Build your first mobile app with HTML5, PhoneGap, jQuery and APIs @mdobs @apigee hashtag: #ApigeeHTML5 wifi: Bento Miso/misoconnected Monday, July 29, 13
- 2. Matt Dobson @mdobs [email protected] Kevin Swiber @kevinswiber [email protected] Monday, July 29, 13
- 3. Did everybody install PhoneGap + XCode, ADT or Visual Studio? Monday, July 29, 13
- 4. I work @ Apigee Monday, July 29, 13
- 5. We help power eBay Best Buy, Walgreens, Gilt Groupe, NewEgg, Cars.com, Dell, Getty Images, GraceNote, Shazam, HomeAway, Pearson, cheezburger Monday, July 29, 13
- 6. We’ve organized this training in LA, San Jose, Austin, Denver, Amsterdam, Atlanta, Houston, Denver… Monday, July 29, 13
- 7. Why do we do this? Why free? Monday, July 29, 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 Monday, July 29, 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. Monday, July 29, 13
- 10. What do you want to learn today? Monday, July 29, 13
- 11. Everybody good with HTML Basics, Variables, Functions, etc. ? Monday, July 29, 13
- 12. 1 HTML5 2 API Backend 3 Add more! 4 PhoneGap 5 Q&A Monday, July 29, 13
- 13. Building a simple list app Monday, July 29, 13
- 14. HTML5 Monday, July 29, 13
- 15. use relatively few: data-attributes geolocation history Monday, July 29, 13
- 17. Other approaches Native MonoTouch RubyMotion etc. Monday, July 29, 13
- 18. jQuery and jQuery Mobile Monday, July 29, 13
- 19. Section 1 Start with the UI Monday, July 29, 13
- 20. Build something that looks like this j.mp/apigee-loc-ss Monday, July 29, 13
- 21. The nice guys at Codiqa let me offer you unlimited trial: j.mp/ codiqa-trial-unlimited Monday, July 29, 13
- 23. Section 2 Add live data Monday, July 29, 13
- 24. Why do we need a backend? Monday, July 29, 13
- 25. Many options here too… Monday, July 29, 13
- 26. We’re going to use an API Backend today! Monday, July 29, 13
- 27. It’s like a database that you call directly from your client code. Monday, July 29, 13
- 28. It’s a cloud service that makes it easy to store your data, retrieve it & query it. Monday, July 29, 13
- 29. It’s a like a Dropbox or iCloud to synchronize all your app data across users and devices Monday, July 29, 13
- 31. Apigee App Services vs. Usergrid Monday, July 29, 13
- 32. Let’s take a look at Apigee j.mp/apigee-sign-up Monday, July 29, 13
- 33. Add some data Monday, July 29, 13
- 34. SDKs available for… JS, node.js, iOS, Android, Ruby, Rails, C#, Java, WP8, etc. Monday, July 29, 13
- 36. Add some view code Monday, July 29, 13
- 38. Now let’s create a form! Monday, July 29, 13
- 40. Wire it up to Apigee! Monday, July 29, 13
- 42. Section 3 Run on mobile! Monday, July 29, 13
- 43. A look at PhoneGap PhoneGap Build, Trigger.io, etc. Monday, July 29, 13
- 44. Apache Cordova vs. Adobe PhoneGap Monday, July 29, 13
- 45. Android j.mp/phonegap- android-guide iOS, Windows Phone j.mp/cordova-25- getstarted Monday, July 29, 13
- 46. Add your HTML Monday, July 29, 13
- 48. Run! Monday, July 29, 13
- 49. What runs where? Monday, July 29, 13
- 50. PhoneGap Build Monday, July 29, 13
- 51. Full Source of class j.mp/apigee-loc-src Monday, July 29, 13
- 52. Section 4 Geolocation Monday, July 29, 13
- 53. 0. Add location to objects 1. Find your location 2. Query for nearby objects Monday, July 29, 13
- 54. I’ve created landmarks for you! j.mp/geo-feed Monday, July 29, 13
- 55. To avoid the geoloc security error python -m SimpleHTTPServer & open http:// localhost:8000 Monday, July 29, 13
- 56. Geoloc docs j.mp/apigee-geoloc Monday, July 29, 13
- 59. Section 5 Identity & Security Monday, July 29, 13
- 60. Managing your users Monday, July 29, 13
- 61. Signup is open, but everything else is controlled. Monday, July 29, 13
- 62. Permissions Monday, July 29, 13
- 63. Creating a user (signup) Monday, July 29, 13
- 64. Getting a token (login) Monday, July 29, 13
- 65. Mixing identity into our code! Monday, July 29, 13
- 68. What else could you do next? Monday, July 29, 13
- 69. Push Notifications File Storage Social Graph Local capabilities 3rd-party integration Legacy integration Code execution Monday, July 29, 13
- 70. Great for prototyping, works at scale too! Monday, July 29, 13
- 71. 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
- 72. 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). Monday, July 29, 13
- 73. 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
- 74. 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
- 75. 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 Monday, July 29, 13
- 76. 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
- 77. Ask for help! Announce projects! j.mp/app-craft Sign up now :) Monday, July 29, 13
- 78. Get more training Advanced class? Training for your company? Still free! [email protected] Monday, July 29, 13
- 79. Congrats! If you liked it, post it on Twitter/ LinkedIn :) @apigee @mdobs [email protected] Monday, July 29, 13