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 Platform-specific 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 jQuery Knockout Ionic Angular

Platform-specific code Device Differences Device Quirks Platform-specific code

Accessing Device Features Different platforms Shared code base Challenge Platform code Consistent JavaScript Interface Cordova Plugin

Matt Milner @milnertweet http://mattmilner.com