![Page 1: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/1.jpg)
Apache Cordova Tools in Visual Studio
YOU GOT YOUR HTML IN MY MOBILE APP!
YOU GOT YOUR MOBILE APP ALL OVER MY HTML!
Matt Milner
@milnertweet
http://mattmilner.com
![Page 2: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/2.jpg)
Matt Milner Independent Consultant Pluralsight Author Interested in Pogonotrophy
@milnertweet http://mattmilner.com
![Page 3: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/3.jpg)
Overview
What is Apache Cordova?
Cordova in Visual Studio
Using Your Web Skills for Mobile AppsAdding Libraries
Device Targeted Code
Using Plugins for Device Access
![Page 4: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/4.jpg)
Mobile App Development
Native
Cross Platform C++ / C#
Cross Platfor
m HTML /
JS
![Page 5: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/5.jpg)
Native Development
Platform-specific
languages and tools
Little if any code sharing
Mental context
switching for development
![Page 6: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/6.jpg)
Cross Platform C++ / C#
Platform independent languages and tools
Share some code across platforms
Write in a single
language
![Page 7: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/7.jpg)
Apache Cordova
Open source framework for building mobile applications using HTML,
JavaScript, and CSS
![Page 8: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/8.jpg)
Apache Cordova
“Oh, you mean Phone Gap”?
Is that like Ionic?
Do I have to use Visual Studio?
![Page 9: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/9.jpg)
Using Web Skills for Mobile
App
Hosted in web view
HTML / JavaScript / CSS
![Page 10: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/10.jpg)
Cordova and Visual Studio
Project system
Easy platform switching
Full IDE features
Custom editors
VS Emulator for Android
![Page 11: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/11.jpg)
Web Libraries
Bootstrap
jQuery
KnockoutIonic
Angular
![Page 12: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/12.jpg)
Device Differences
Device Quirks
Platform-specific
code
![Page 13: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/13.jpg)
Accessing Device Features
Different platforms
Shared code base Challenge
Platform code
Consistent JavaScript Interface
Cordova Plugin
![Page 14: Apache Cordova Tools in Visual Studio YOU GOT YOUR HTML IN MY MOBILE APP! YOU GOT YOUR MOBILE APP ALL OVER MY HTML! Matt Milner @milnertweet](https://reader035.vdocument.in/reader035/viewer/2022081603/56649f4d5503460f94c6da1c/html5/thumbnails/14.jpg)
Matt Milner @milnertweet http://mattmilner.com