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!

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. Introduction1 A Cross-Platform Zombie App
Introduction1

3. Introduction1
Workshops
A Cross-Platform Zombie App

4. Introduction1
Workshopsx
A Cross-Platform Zombie App

5. Introduction1
Laptops?
1
A Cross-Platform Zombie App

6. Introduction1
OS?
2
A Cross-Platform Zombie App

7. Introduction1

8. Introduction1
Version?
3
A Cross-Platform Zombie App

9. Introduction1
IDE?
4
A Cross-Platform Zombie App

10. Introduction1
PhoneGap?
5
A Cross-Platform Zombie App

11. Introduction1

12. Problem2 A Cross-Platform Zombie App
Problem2

13. Problem2 A Cross-Platform Zombie App
Mockup Final Result

14. iOS
Problem2 A Cross-Platform Zombie App

15. Android
Problem2 A Cross-Platform Zombie App

16. Windows Phone
Problem2 A Cross-Platform Zombie App

17. Problem2 A Cross-Platform Zombie App
Cheat

18. Problem2 A Cross-Platform Zombie App

19. Problem2
Mobile Apps
HTML CSS JavaScript
A Cross-Platform Zombie App

20. Idea3
Idea3
A Cross-Platform Zombie App

21. Idea3 A Cross-Platform Zombie App

22. Idea3 A Cross-Platform Zombie App

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. Idea3 A Cross-Platform Zombie App
To Do List

25. Idea3 A Cross-Platform Zombie App
Demo

26. Plan4
Plan4
A Cross-Platform Zombie App

27. Plan4 A Cross-Platform Zombie App
Setting up PhoneGap
Coding interface
Implementing functions
Applying Designs
Distributing
** Gifts **
Tomorrow
Today

28. Build5 A Cross-Platform Zombie App
Build5

29. Build5 A Cross-Platform Zombie App
Install PhoneGap

30. Build5 A Cross-Platform Zombie App
ERROR!

31. Build5 A Cross-Platform Zombie App
Install node

32. Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap

33. Build5 A Cross-Platform Zombie App
Installing

34. Build5 A Cross-Platform Zombie App
Success

35. Build5 A Cross-Platform Zombie App
Create a new project

36. Build5 A Cross-Platform Zombie App

37. Build5 A Cross-Platform Zombie App

38. Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap

39. Revision6 A Cross-Platform Zombie App
Revision6

40. Revision6 A Cross-Platform Zombie App

41. Revision6 A Cross-Platform Zombie App

42. Revision6 A Cross-Platform Zombie App
Zombie
phonegap create Zombie

43. Revision6 A Cross-Platform Zombie App
Zombie
index.htmlwww

44. Revision6 A Cross-Platform Zombie App
Blank Implemented Designed

45. Revision6 A Cross-Platform Zombie App
Zombie
Zombie.zip

46. Revision6 A Cross-Platform Zombie App
Zombie.zip Zombie.apk Zombie.ipa Zombie.xap
1
2
3

47. Revision6 A Cross-Platform Zombie App
4
Zombie.apk
Zombie.ipa
Zombie.xap

48. Revision6 A Cross-Platform Zombie App
http://bit.ly/1f7bpZP https://build.phonegap.com
1 2

49. Revision6 A Cross-Platform Zombie App
Zombie.zip
2

50. Revision6 A Cross-Platform Zombie App
Zombie.apk Zombie.ipa Zombie.xap
3

51. Revision6 A Cross-Platform Zombie App
4 Run on device

52. Revision6 A Cross-Platform Zombie App

53. Gifts - Q&A7
Gifts - Q&A7

54. Gifts - Q&A7
Gift

55. Gifts - Q&A7

56. Gifts - Q&A7
Github
Micro Package
(5 private repository for 1 year)

57. Gifts - Q&A7
Github
Micro Package
(5 private repository for 1 year)
84$

58. Gifts - Q&A7
Github
Promo-code

59. Gifts - Q&A7
Another Gift

60. Gifts - Q&A7
iOS tutorials

61. Gifts - Q&A7
54$

62. Gifts - Q&A7
Q&A

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. Gifts - Q&A7
http://www.slideshare.net/DaniArnaout

65. Dani Arnaout
DevAppLB Ultralight Series
Mobile App Dev Workshop
A Cross-Platform Zombie App
@dani_arnaout

66. Introduction1 A Cross-Platform Zombie App
Introduction1

67. Introduction1
Workshops
A Cross-Platform Zombie App

68. Introduction1
Workshopsx
A Cross-Platform Zombie App

69. Introduction1
Laptops?
1
A Cross-Platform Zombie App

70. Introduction1
OS?
2
A Cross-Platform Zombie App

71. Introduction1

72. Introduction1
Version?
3
A Cross-Platform Zombie App

73. Introduction1
IDE?
4
A Cross-Platform Zombie App

74. Introduction1
PhoneGap?
5
A Cross-Platform Zombie App

75. Introduction1