PhoneGap Day 2016 USA
-
Upload
ryan-j-salva -
Category
Technology
-
view
223 -
download
0
Transcript of PhoneGap Day 2016 USA
![Page 1: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/1.jpg)
![Page 2: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/2.jpg)
When last we met our hero…
![Page 3: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/3.jpg)
![Page 4: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/4.jpg)
browsersemulatorsdevices
![Page 5: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/5.jpg)
ALL THE PLATFORMS
![Page 6: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/6.jpg)
We’ve been busy.
![Page 7: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/7.jpg)
![Page 8: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/8.jpg)
![Page 9: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/9.jpg)
![Page 10: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/10.jpg)
![Page 11: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/11.jpg)
$ cordova platform save$ cordova plugin save
![Page 12: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/12.jpg)
Continuous IntegrationCatching plugin bugs in every commit on all the platforms
like a freakin’ venus fly trap.
![Page 13: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/13.jpg)
100s of plugin bugs
![Page 14: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/14.jpg)
Cordova 6.0
![Page 15: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/15.jpg)
[applause]
![Page 16: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/16.jpg)
This affects all
of us.
Adobe PhoneGapApache CordovaCocoonFramework 7Ionic FrameworkMonacaIBM MobileFirstIntel XDKMeteorSAPTelerikVisual Studio
![Page 17: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/17.jpg)
Nearly 200% growth in three years
PhoneGap/CordovaXamarin
UnityQt
Adobe AirAppcelerator
CoronaMarmelade
Codename OneLive Code
0% 10% 20% 30% 40% 50% 60% 70%
2015 2012
Vision Mobile Analysis of Cross-Platform Development, July 2015
![Page 18: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/18.jpg)
Where do we go next?
![Page 19: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/19.jpg)
1. Better community == better platform2. Tools made for mobile development3. Focus on UX
![Page 20: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/20.jpg)
Debug your code on any browser, emulator or device.Increase speed & accuracy with Intellisense for plugins.
Invoke Cordova commands from the editor.
Visual Studio Code
![Page 21: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/21.jpg)
1. Better community == better platform2. Tools made for mobile development3. Focus on UX
![Page 22: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/22.jpg)
ApacheCordovaNativeExperiment
![Page 23: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/23.jpg)
ApacheCordovaNativeExperiment
![Page 24: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/24.jpg)
ApacheCordovaExperiment
![Page 25: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/25.jpg)
… Sometimes you may just need native UI components
![Page 26: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/26.jpg)
Not for the entire app,Just parts of it
![Page 27: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/27.jpg)
for a native side-menu
![Page 28: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/28.jpg)
for overlays
![Page 29: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/29.jpg)
for page transitions
![Page 30: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/30.jpg)
reuse native components
![Page 31: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/31.jpg)
standardized native screens
![Page 32: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/32.jpg)
An escape hatch to the native world• Native UI• Native APIs• Still Cordova. Still a webview.• UI defined in XML, AndroidXML or JS• Available as a Cordova Plugin• Experimental. Send feedback.
![Page 33: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/33.jpg)
Docked Overlays Separate, full screen
Page Transitions
Native UI
![Page 34: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/34.jpg)
JavaScript
XML
Android XML
Interface Builder(NIB/XIB)
var button = new ace.Button();
<Button />
var button;if (ace.platform == "iOS") button = new ace.NativeObject("UIButton");else if (ace.platform == "Android") button = new ace.NativeObject("android.widget.Button");
<if:iOS> <ios:UIButton /></if:iOS><if:Android> <android:Button /></if:Android>
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" />
Cross-Platform(write once)
Platform-Specific(write twice)
![Page 35: PhoneGap Day 2016 USA](https://reader035.fdocuments.in/reader035/viewer/2022070510/58aafef61a28abd35e8b57a1/html5/thumbnails/35.jpg)
http://taco.toolsMade with ♥ in Redmond
@ryanjsalva #aceplugin♠