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
Matt Milner
Independent Consultant
 Pluralsight Author
 Interested in Pogonotrophy

@milnertweet
http://mattmilner.com
Overview
What is Apache Cordova?
Cordova in Visual Studio
Using Your Web Skills for Mobile Apps
Adding Libraries
Device Targeted Code
Using Plugins for Device Access
Mobile App Development
Native
Cross
Platform
C++ /
C#
Cross
Platform
HTML /
JS
Native Development
Platformspecific
languages
and tools
Little if any
code sharing
Mental
context
switching for
development
Cross Platform C++ / C#
Platform
independent
languages
and tools
Share some
code across
platforms
Write in a
single
language
Apache Cordova
Open source framework for building
mobile applications using HTML,
JavaScript, and CSS
Apache Cordova
“Oh, you mean Phone Gap”?
Is that like Ionic?
Do I have to use Visual Studio?
Using Web Skills for Mobile
App
Hosted in
web view
HTML / JavaScript
/ CSS
Cordova and Visual Studio
Project system
Easy platform switching
Full IDE features
Custom editors
VS Emulator for Android
Web Libraries
Bootstrap
Angular
Ionic
jQuery
Knockout
Device Differences
Device
Quirks
Platformspecific
code
Accessing Device
Features
Different
platforms
Shared
code base
Challenge
Platform
code
Consistent
JavaScript
Interface
Cordova
Plugin
Matt Milner
 @milnertweet
 http://mattmilner.com