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

2. Matt Milner Independent Consultant Pluralsight Author
Interested in Pogonotrophy
@milnertweet

3. 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

4. Mobile App Development
Native
Cross Platform C++ / C#
Cross Platform HTML / JS

5. Native Development Platform-specific languages and tools
Little if any code sharing
Mental context switching for development

6. Cross Platform C++ / C# Platform independent languages and tools
Share some code across platforms
Write in a single language

7. Apache Cordova
Open source framework for building mobile applications using HTML, JavaScript, and CSS

8. Apache Cordova “Oh, you mean Phone Gap”? Is that like Ionic?
Do I have to use Visual Studio?

9. Using Web Skills for Mobile
App
Hosted in web view
HTML / JavaScript / CSS

10. Cordova and Visual Studio
Project system
Easy platform switching
Full IDE features
Custom editors
VS Emulator for Android

11. Web Libraries
Bootstrap
jQuery
Knockout
Ionic
Angular

12. Platform-specific code
Device Differences
Device Quirks
Platform-specific code

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

14. Matt Milner
@milnertweet