![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087017/2138777-Phonegap-Logo-Simple.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087036/cordova_logo_normal.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087303/heart.png)
+
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/1634887/ionic-logo-blog.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3314450/wigflip-ds.png)
Simon MacDonald
simonmacdonald.com
@macdonst
What's the difference between PhoneGap, Ionic and Cordova?
PhoneGap
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087017/2138777-Phonegap-Logo-Simple.png)
What's New in Plugins?
Boy, have we got plugins.
Creative SDK Plugins
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009900/ios-editor.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009899/s2d.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009896/userauth.png)
Image Editor
Adobe Single Sign On
Send To Desktop
Coming Next in Creative SDK Plugins
- Asset Browser
- CocoaPod Support
- Inclusion in the PG Dev App
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3309636/browser2.jpg)
Push Plugin
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087067/3009859-inline.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087068/3009870-iOS-10-rich-notifications-800x783.jpg)
Android N
iOS 10
Browser Push
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009966/browser-push-permission.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009965/browser-preview-push.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009976/browser-success-push.png)
Coming Next in the Push Plugin
- 1.9.0: Switched to using CocoaPod dependencies for GCM
- 2.0.0: Move to Firebase Cloud Messaging
PG Dev App
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009845/barcode.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3009844/screenshot-ios7-share.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/2139603/pgdev.png)
Barcode Scanner
Social Sharing
PG Desktop App
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3010440/Screenshot_2016-09-15_13.44.23.png)
Embedded Workflow
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3010436/android-studio-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3010438/imgXCode-Logo.png)
Cordova Decoupling
Apache Cordova
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087036/cordova_logo_normal.png)
What's new in Cordova
Improved template support
supports package.json!
Creating a template
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087045/templatestructure.png)
index.js should export a reference to template_src and package.json should reference index.js.
Template discoverability
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087050/keywords.png)
use the template reference repo as starting point
Using Templates
- find a template on npm using cordova:template keyword
- cordova create MyApp --template TemplateName || gitURL
cordova create split out of cordova-lib
cordova fetch split out of cordova-lib
- replaces npm cache add with npm install
- Uses your system npm
- cordova platform add android --save --fetch
Cordova nightlies
- cordova
- cordova-lib
- cordova-android
- cordova-ios
- cordova-windows
npm install cordova@nightly
CocoaPod Support
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3309608/cocoapods_logo.png)
<framework src="GoogleCloudMessaging" type="podspec" spec="~> 1.2.0"/>
How it works
- checks if cocoapods is installed
- runs pod install to download dependencies
- Manges dupes
Available since
cordova-ios@4.3.0
New cordovaDependencies object in package.json for plugins
![](https://s3.amazonaws.com/media-p.slid.es/uploads/323432/images/3087062/cordovaDeps.png)
Dependency may be cordova-cli, cordova-platform, or a cordova plugin
cordova plugin add PluginName --save will auto fetch the best version from npm based on your apps dependencies
Whats next?
cordova 7
- fetch by default
- browserify by default
- save/restore moving over to package.json
Better document how to add a new platform (platform API)
Remove restriction of new platforms needing to be in our platform list
Contributing
We have 60 git repos for our project
Find them at https://git-wip-us.apache.org/repos/asf or on our Github mirrors
Check out http://cordova.apache.org/contribute/ for more info.
What's New in Apache Cordova/PhoneGap
By Simon MacDonald
What's New in Apache Cordova/PhoneGap
Ionic UK Meetup
- 8,917