High level presentation about the Cordova architecture, tools and platforms available.

1. CORDOVA/PHONEGAP
LANDSCAPE
By /Carl Vorster @carl_vorster

2. WHO IS CARL VORSTER
25 years software development experience
Implemented the first real-time medical aid claim switching system
ePostal startup
Ran SAPO development department
Currently:
Consulting, training and mentoring in mobile development.
Outsourced development.

3. WHO ARE YOU?
HTML/CSS i.e. Web Development?
JavaScript?
AngularJS/KnockoutJS/Ember?
Backend developers - Java, C# etc ?
Mobile development?

4. CONTENTS
History: Cordova vs PhoneGap
Cordova Architecture
Developer Environment
Frameworks

5. NITOBI
Bought by Adobe in 2011
Software is Open Source and managed by Apache Software Foundation
PhoneGap is Cordova + value added services
Cordova is also used in by other tools

6. CONTENTS
History: Cordova vs PhoneGap
Cordova Architecture
Developer Environment
Frameworks

9. PLUGINS
Cordova Plugins -
Other plugins
Plugin repositories:
cordova.apache.org
plugins.cordova.io
build.phonegap.com/plugins
plugins.cordova.io/npm/index.html

10. WEBVIEW
WebKit - Browser engine
Android
KitKat(4.4) based on Chromium
Crosswalk -
iOS
WKWebView
Plugin -
iOS 9 only
Crosswalk -
crosswalk-project.org
github.com/Telerik-Verified-Plugins/WKWebView
shazronatadobe.wordpress.com/2015/09/09/apache-cordova-ios-4-0-0-and-
wkwebview-support/
crosswalk-project.org/documentation/ios.html

11. CONTENTS
History: Cordova vs PhoneGap
Cordova Architecture
Developer Environment
Frameworks

12. WHAT DO YOU NEED
Editor/IDE
Build environment
Test environment - developer
Test environment - users

13. EDITORS
Atom -
Brackets -
Notepad++
Sublime Text
TextMate
atom.io
brackets.io

14. IDE
WebStorm
DreamWeaver
Visual Studio
Eclipse
Sublime Text
TextMate

15. PLATFORMS
Intel XDK -
Telerik -
IBM MobileFirst -
Ionic -
Appcelerator -
Appery IO -
Trigger IO -
software.intel.com/en-us/intel-xdk
www.telerik.com/platform#overview
www.ibm.com/mobilefirst/us/en/mobile-solutions/
ionic.io
www.appcelerator.com/product
appery.io
trigger.io

16. BUILD ENVIRONMENTS
Local:
Android SDK (Mac/Windows)
iOS Xcode (Mac)
Remote:
PhoneGap Build -
Intel XDK -
Telerik -
IBM MobileFirst -
Ionic -
Appcelerator -
Appery IO -
Trigger IO -
build.phonegap.com
software.intel.com/en-us/intel-xdk
www.telerik.com/platform#overview
www.ibm.com/mobilefirst/us/en/mobile-solutions/
ionic.io
www.appcelerator.com/product
appery.io
trigger.io

17. TEST ENVIRONMENT - DEVELOPER
Local:
Browser
Android Emulator
Genymotion -
iOS Emulator
Device:
Viewers:
XDK
PhoneGap
Ionic
Appgyver
Build to device
www.genymotion.com

18. CONTENTS
History: Cordova vs PhoneGap
Cordova Architecture
Developer Environment
Frameworks

19. TYPES
HTML/CSS/Javascript
JavaScript to Native

20. HTML/CSS/JAVASCRIPT
Ionic
Famo.us:
No DOM
60fps
Polymer:
Chrome Team
Material design
Onsen UI:
Angular
Drag and Drop Studio

21. JAVASCRIPT TO NATIVE
Appcelerator
Appgyver - Supersonic
Igaro - http://app.igaro.com
React Native - http://www.reactnative.com