DevAppLB - PhoneGap Zombie App - Dani Arnaout

466 views

Published on

PhoneGap is a mobile development framework that allows developers to build applications for a variety of mobile platforms, using familiar web technologies such as HTML, CSS, and JavaScript.
The concept is that you can develop one application using the PhoneGap architecture, and then deploy to multiple mobile platforms — without the need to re-write any code!
In this tutorial, you’ll learn the basics of using PhoneGap to make a simple to-do app, with a twist – it’s an app to help you survive the Zombie Apocalypse!

Published in: Education, Technology, Spiritual
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
466
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

DevAppLB - PhoneGap Zombie App - Dani Arnaout

  1. 1. A Cross-Platform Zombie App Dani Arnaout Systems Engineer at Lextech Global Services Introduction1 DevAppLB Ultralight Series Mobile App Dev Workshop A Cross-Platform Zombie App
  2. 2. Introduction1 A Cross-Platform Zombie App Introduction1
  3. 3. Introduction1 Workshops A Cross-Platform Zombie App
  4. 4. Introduction1 Workshopsx A Cross-Platform Zombie App
  5. 5. Introduction1 Laptops? 1 A Cross-Platform Zombie App
  6. 6. Introduction1 OS? 2 A Cross-Platform Zombie App
  7. 7. Introduction1
  8. 8. Introduction1 Version? 3 A Cross-Platform Zombie App
  9. 9. Introduction1 IDE? 4 A Cross-Platform Zombie App
  10. 10. Introduction1 PhoneGap? 5 A Cross-Platform Zombie App
  11. 11. Introduction1
  12. 12. Problem2 A Cross-Platform Zombie App Problem2
  13. 13. Problem2 A Cross-Platform Zombie App Mockup Final Result
  14. 14. iOS Problem2 A Cross-Platform Zombie App
  15. 15. Android Problem2 A Cross-Platform Zombie App
  16. 16. Windows Phone Problem2 A Cross-Platform Zombie App
  17. 17. Problem2 A Cross-Platform Zombie App Cheat
  18. 18. Problem2 A Cross-Platform Zombie App
  19. 19. Problem2 Mobile Apps HTML CSS JavaScript A Cross-Platform Zombie App
  20. 20. Idea3 Idea3 A Cross-Platform Zombie App
  21. 21. Idea3 A Cross-Platform Zombie App
  22. 22. Idea3 A Cross-Platform Zombie App
  23. 23. Idea3 A Cross-Platform Zombie App 1. Cardio 2. Double Tap 3. Beware of Bathrooms 4. Buckle Up 5. Travel Light 6. Don't Be A Hero 7. Limber Up 8. When In Doubt, Always Know Your Way Out 9. The Buddy System 10. Check The Back Seat 11. Enjoy The Little Things
  24. 24. Idea3 A Cross-Platform Zombie App To Do List
  25. 25. Idea3 A Cross-Platform Zombie App Demo
  26. 26. Plan4 Plan4 A Cross-Platform Zombie App
  27. 27. Plan4 A Cross-Platform Zombie App Setting up PhoneGap Coding interface Implementing functions Applying Designs Distributing ** Gifts ** Tomorrow Today
  28. 28. Build5 A Cross-Platform Zombie App Build5
  29. 29. Build5 A Cross-Platform Zombie App Install PhoneGap
  30. 30. Build5 A Cross-Platform Zombie App ERROR!
  31. 31. Build5 A Cross-Platform Zombie App Install node
  32. 32. Build5 A Cross-Platform Zombie App Once again, Install PhoneGap
  33. 33. Build5 A Cross-Platform Zombie App Installing
  34. 34. Build5 A Cross-Platform Zombie App Success
  35. 35. Build5 A Cross-Platform Zombie App Create a new project
  36. 36. Build5 A Cross-Platform Zombie App
  37. 37. Build5 A Cross-Platform Zombie App
  38. 38. Build5 A Cross-Platform Zombie App Once again, Install PhoneGap
  39. 39. Revision6 A Cross-Platform Zombie App Revision6
  40. 40. Revision6 A Cross-Platform Zombie App
  41. 41. Revision6 A Cross-Platform Zombie App
  42. 42. Revision6 A Cross-Platform Zombie App Zombie phonegap create Zombie
  43. 43. Revision6 A Cross-Platform Zombie App Zombie index.htmlwww
  44. 44. Revision6 A Cross-Platform Zombie App Blank Implemented Designed
  45. 45. Revision6 A Cross-Platform Zombie App Zombie Zombie.zip
  46. 46. Revision6 A Cross-Platform Zombie App Zombie.zip Zombie.apk Zombie.ipa Zombie.xap 1 2 3
  47. 47. Revision6 A Cross-Platform Zombie App 4 Zombie.apk Zombie.ipa Zombie.xap
  48. 48. Revision6 A Cross-Platform Zombie App http://bit.ly/1f7bpZP https://build.phonegap.com 1 2
  49. 49. Revision6 A Cross-Platform Zombie App Zombie.zip 2
  50. 50. Revision6 A Cross-Platform Zombie App Zombie.apk Zombie.ipa Zombie.xap 3
  51. 51. Revision6 A Cross-Platform Zombie App 4 Run on device
  52. 52. Revision6 A Cross-Platform Zombie App
  53. 53. Gifts - Q&A7 Gifts - Q&A7
  54. 54. Gifts - Q&A7 Gift
  55. 55. Gifts - Q&A7
  56. 56. Gifts - Q&A7 Github Micro Package (5 private repository for 1 year)
  57. 57. Gifts - Q&A7 Github Micro Package (5 private repository for 1 year) 84$
  58. 58. Gifts - Q&A7 Github Promo-code
  59. 59. Gifts - Q&A7 Another Gift
  60. 60. Gifts - Q&A7 iOS tutorials
  61. 61. Gifts - Q&A7 54$
  62. 62. Gifts - Q&A7 Q&A
  63. 63. Gifts - Q&A7 Resources ! • http://www.pixeden.com/media-icons/flat-design-icons-set-vol1 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol2 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol3 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol4 Images Resources • Keynote 6.1 • Xcode 5.1.1 • TextWrangler 4.5.3 • Google Chrome 34.0.1847.116 Software Used
  64. 64. Gifts - Q&A7 http://www.slideshare.net/DaniArnaout
  65. 65. Dani Arnaout DevAppLB Ultralight Series Mobile App Dev Workshop A Cross-Platform Zombie App @dani_arnaout
  66. 66. Introduction1 A Cross-Platform Zombie App Introduction1
  67. 67. Introduction1 Workshops A Cross-Platform Zombie App
  68. 68. Introduction1 Workshopsx A Cross-Platform Zombie App
  69. 69. Introduction1 Laptops? 1 A Cross-Platform Zombie App
  70. 70. Introduction1 OS? 2 A Cross-Platform Zombie App
  71. 71. Introduction1
  72. 72. Introduction1 Version? 3 A Cross-Platform Zombie App
  73. 73. Introduction1 IDE? 4 A Cross-Platform Zombie App
  74. 74. Introduction1 PhoneGap? 5 A Cross-Platform Zombie App
  75. 75. Introduction1

×