devapplb - phonegap zombie app - dani arnaout
DESCRIPTION
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!TRANSCRIPT
A Cross-Platform Zombie App
Dani ArnaoutSystems Engineer at Lextech Global Services
Introduction1
DevAppLB Ultralight SeriesMobile App Dev Workshop
A Cross-Platform Zombie App
Introduction1 A Cross-Platform Zombie App
Introduction1
Introduction1
Workshops
A Cross-Platform Zombie App
Introduction1
Workshopsx
A Cross-Platform Zombie App
Introduction1
Laptops?1
A Cross-Platform Zombie App
Introduction1
OS?2
A Cross-Platform Zombie App
Introduction1
Introduction1
Version?3
A Cross-Platform Zombie App
Introduction1
IDE?4
A Cross-Platform Zombie App
Introduction1
PhoneGap?5
A Cross-Platform Zombie App
Introduction1
Problem2 A Cross-Platform Zombie App
Problem2
Problem2 A Cross-Platform Zombie App
Mockup Final Result
iOS
Problem2 A Cross-Platform Zombie App
Android
Problem2 A Cross-Platform Zombie App
Windows Phone
Problem2 A Cross-Platform Zombie App
Problem2 A Cross-Platform Zombie App
Cheat
Problem2 A Cross-Platform Zombie App
Problem2
Mobile Apps
HTML CSS JavaScript
A Cross-Platform Zombie App
Idea3
Idea3
A Cross-Platform Zombie App
Idea3 A Cross-Platform Zombie App
Idea3 A Cross-Platform Zombie App
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
Idea3 A Cross-Platform Zombie App
To Do List
Idea3 A Cross-Platform Zombie App
Demo
Plan4
Plan4
A Cross-Platform Zombie App
Plan4 A Cross-Platform Zombie App
Setting up PhoneGap
Coding interface
Implementing functions
Applying Designs
Distributing
** Gifts **
Tomorrow
Today
Build5 A Cross-Platform Zombie App
Build5
Build5 A Cross-Platform Zombie App
Install PhoneGap
Build5 A Cross-Platform Zombie App
ERROR!
Build5 A Cross-Platform Zombie App
Install node
Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap
Build5 A Cross-Platform Zombie App
Installing
Build5 A Cross-Platform Zombie App
Success
Build5 A Cross-Platform Zombie App
Create a new project
Build5 A Cross-Platform Zombie App
Build5 A Cross-Platform Zombie App
Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap
Revision6 A Cross-Platform Zombie App
Revision6
Revision6 A Cross-Platform Zombie App
Revision6 A Cross-Platform Zombie App
Revision6 A Cross-Platform Zombie App
Zombie
phonegap create Zombie
Revision6 A Cross-Platform Zombie App
Zombie
index.htmlwww
Revision6 A Cross-Platform Zombie App
Blank Implemented Designed
Revision6 A Cross-Platform Zombie App
ZombieZombie.zip
Revision6 A Cross-Platform Zombie App
Zombie.zip Zombie.apk Zombie.ipa Zombie.xap1
2
3
Revision6 A Cross-Platform Zombie App
4
Zombie.apk
Zombie.ipa
Zombie.xap
Revision6 A Cross-Platform Zombie App
http://bit.ly/1f7bpZP https://build.phonegap.com1 2
Revision6 A Cross-Platform Zombie App
Zombie.zip
2
Revision6 A Cross-Platform Zombie App
Zombie.apk Zombie.ipa Zombie.xap
3
Revision6 A Cross-Platform Zombie App
4 Run on device
Revision6 A Cross-Platform Zombie App
jhghnnnbvcxbfgsdf Gifts - Q&A7
Gifts - Q&A7
jhghnnnbvcxbfgsdf Gifts - Q&A7
Gift
jhghnnnbvcxbfgsdf Gifts - Q&A7
jhghnnnbvcxbfgsdf Gifts - Q&A7
GithubMicro Package
(5 private repository for 1 year)
jhghnnnbvcxbfgsdf Gifts - Q&A7
GithubMicro Package
(5 private repository for 1 year)
84$
jhghnnnbvcxbfgsdf Gifts - Q&A7
Github
Promo-code
jhghnnnbvcxbfgsdf Gifts - Q&A7
Another Gift
jhghnnnbvcxbfgsdf Gifts - Q&A7
iOS tutorials
jhghnnnbvcxbfgsdf Gifts - Q&A7
54$
jhghnnnbvcxbfgsdf Gifts - Q&A7
Q&A
jhghnnnbvcxbfgsdf 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
jhghnnnbvcxbfgsdf Gifts - Q&A7
http://www.slideshare.net/DaniArnaout
Dani Arnaout
DevAppLB Ultralight SeriesMobile App Dev Workshop
A Cross-Platform Zombie App
@dani_arnaout
Introduction1 A Cross-Platform Zombie App
Introduction1
Introduction1
Workshops
A Cross-Platform Zombie App
Introduction1
Workshopsx
A Cross-Platform Zombie App
Introduction1
Laptops?1
A Cross-Platform Zombie App
Introduction1
OS?2
A Cross-Platform Zombie App
Introduction1
Introduction1
Version?3
A Cross-Platform Zombie App
Introduction1
IDE?4
A Cross-Platform Zombie App
Introduction1
PhoneGap?5
A Cross-Platform Zombie App
Introduction1