Visual Studio Tools for Apache Cordova (TACO) and Ionic

http://digitaldrummerj.me
Justin James
Developer / Speaker / Blogger / Instructor

Faster than the PC boom10X
Faster than the Internet boom2X
Faster than the social networking explosion3X

I wanted to build a mobile app
too!

Traditional Development Strategy
Native platform technologies
XCODE Android Studio

Hybrid Development Strategy
Web platform technologies
HTML 5 CSS 3 JavaScript

Middleware to Bundle Web Code into Mobile Application
with Access to Native Device
Apache Cordova

Camera Bluetooth Video Health KitTouch ID Streaming
Security &
Encryption
Push
Notifications
Audio
Code Push/
update
Cordova Runtime Architecture

The biggest mistake we’ve made as a
company is betting on HTML 5 over
native
Mark Zuckerberg - September, 2012
via venturebeat.com

It’s not 2012 anymore

Year Device Processor Ram
2007 iPhone 1 620 MHz 128 MB
2010 iPhone 4 1 GHZ 512 MB
2014 iPhone 6 1.4 GHZ dual-core 1 GB
2015 iPhone 6s 1.85 GHz dual-core 2 GB
2016 iPhone 7 2.3 GHz quad-core 2GB

Windows/Linux/OSx
Java SDK 8
Android SDK
Gradle
Google Chrome
Google Android Emulator
Google Developers Account
Android
Setup

Requires a MAC
Xcode
Xcode Command Line Tools
iOS Simulator
Safari
Apple Developers Accounts
iOS
Setup

Visual Studio Tools for Apache Cordova (TACO)
Installs Platform Dependencies
iOS and Android development entirely in Visual Studio
Easily add native device capabilities
Powerful features such as templates, debugger, emulators, device deployment

Demo

Missing Cordova UI Framework
Built On Top of Angular
Performance Obsessed
Zero Code Redundancy
Why Ionic?

Ionic
Components
Tabs Menus
Cards List
Headers Footers
Forms Buttons
Popups Spinners
Modals Slidebox
Gestures Keyboard
Customizations

TypeScript wrapper for Cordova Plugins
Wraps callbacks in a Promise or an Observable
Provides a common interface for all plugins
Ensures native events trigger change detection
Ionic Native

Camera Bluetooth Video Health KitTouch ID Streaming
Security &
Encryption
Push
Notifications
Audio
Code Push/
update
Ionic Runtime Architecture

NPM Task Runner Extension
Visual Studio Marketplace Ionic 2 Templates
Ionic
App
Creation

NPM Task Runner Extension
Create Project from Existing Code
Add Before Build Runner for Ionic Build
Ionic
App
Import

Icon and Splash Screen Sizing
Ionic View
Creator
Marketplace
Ionic Platform
Ionic
Tooling

Ionic Resources
Web Site – ionicframework.com
Docs - ionicframework.com/docs
Meetups – blog.ionic.io/ionic-worldwide
Slack - ionicworldwide.herokuapp.com
Forums - forum.ionicframework.com
Ionic Native - ionicframework.com/docs/native/

Ionic Blogs
mcgivery.com/15-ionic-framework-2-resources/
joshmorony.com/category/ionic-tutorials

If you can make a great web
page you can make a great
app!

Time to Go
Create Your
Mobile App

Follow me @digitaldrummerj
http://digitaldrummerj.me/speaking/#ionic

Visual Studio Tools for Apache Cordova (TACO) and Ionic

More Related Content

Visual Studio Tools for Apache Cordova (TACO) and Ionic

Editor's Notes