What the hell is PhoneGap? - Michael Brooks
Transcript of What the hell is PhoneGap? - Michael Brooks
![Page 1: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/1.jpg)
What the hell is PhoneGap?A 30 minute primer
![Page 2: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/2.jpg)
Michael Brooks@mwbrooks
Anis Kadri@aniskadri
![Page 3: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/3.jpg)
The PhoneGap Storycode, community, and beer
![Page 4: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/4.jpg)
Nitobi Tiny web consultancy
Vancouver, Canada Founded in 1998
![Page 5: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/5.jpg)
Around 2008 we got into mobile.
![Page 6: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/6.jpg)
Around 2008 we got into mobile.Objective-C ›❯ iOS
Java ›❯ AndroidJava ›❯ BlackBerry.NET ›❯ Windows CE
HTML ›❯ webOS
![Page 7: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/7.jpg)
People want the same app on every device.
![Page 8: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/8.jpg)
The Web Solved this long ago
Looks identical everywhere
![Page 9: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/9.jpg)
Web Apps Not installable
No offline mode Limited functionality
Browser quirks
![Page 10: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/10.jpg)
PhoneGap Installable web
Supports offline Extends functionality
Polyfills browser
![Page 11: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/11.jpg)
How it works
![Page 12: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/12.jpg)
How it worksNative application
![Page 13: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/13.jpg)
How it worksNative application
Fullscreen browser instance
![Page 14: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/14.jpg)
How it worksNative application
Fullscreen browser instanceWithout an interface
![Page 15: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/15.jpg)
How it worksNative application
Fullscreen browser instanceWithout an interface
Loading local HTML file
![Page 16: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/16.jpg)
How it worksNative application
Fullscreen browser instanceWithout an interface
Loading local HTML fileBinding JavaScript-to-Native
![Page 17: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/17.jpg)
Open Sourced Free as in beer in 2008
Licensed Apache 2.0
![Page 18: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/18.jpg)
Fast forward to 2015 80+ contributors
100+ community groups 523,685 new users in 2014
10-20% of app store top free 100
![Page 19: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/19.jpg)
PhoneGap Todayin three parts
![Page 20: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/20.jpg)
part one
Apache Cordova Hybrid app development engine
![Page 21: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/21.jpg)
Active contributor communityPowers various hybrid app platforms
![Page 22: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/22.jpg)
Active contributor communityPowers various hybrid app platforms
![Page 23: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/23.jpg)
part two
PhoneGap Hybrid mobile development
![Page 24: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/24.jpg)
Command-line Interface
![Page 25: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/25.jpg)
Terminal not your kinda window?
![Page 26: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/26.jpg)
Try the PhoneGap Desktop app
![Page 27: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/27.jpg)
Windows supported too!
![Page 28: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/28.jpg)
Windows supported too!
![Page 29: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/29.jpg)
Windows supported too!
![Page 30: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/30.jpg)
Windows supported too!
![Page 31: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/31.jpg)
Windows supported too!
![Page 32: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/32.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 33: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/33.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 34: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/34.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 35: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/35.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 36: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/36.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 37: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/37.jpg)
PhoneGap Developer App
Windows Phone Store
Google Play Store
Apple App Store
![Page 38: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/38.jpg)
PhoneGap Buildcloud compiler
![Page 39: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/39.jpg)
Putting it all together
![Page 40: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/40.jpg)
Putting it all together
![Page 41: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/41.jpg)
part three
PhoneGap Enterprise Mobile app development in
![Page 42: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/42.jpg)
![Page 43: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/43.jpg)
![Page 44: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/44.jpg)
Got questions, requests, or complaints? Every bit is open sourced!
github.com/phonegap
![Page 45: What the hell is PhoneGap? - Michael Brooks](https://reader034.fdocuments.in/reader034/viewer/2022050207/626df2eb33c9585ca524969a/html5/thumbnails/45.jpg)
Cheers! @mwbrooks @aniskadri