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 AppsAdding Libraries

Device Targeted Code

Using Plugins for Device Access

Mobile App Development

Native

Cross Platform C++ / C#

Cross Platfor

m 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

KnockoutIonic

Angular

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