Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visual Studio Tools for Apache Cordova (TACO) and Ionic


Published on

Introduction to Visual Studio Tools for Apache Cordova (TACO) and the Ionic Framework for creating mobile applications for iOS and Android using HTML, CSS, and Javascript.

Published in: Software
  • Be the first to comment

Visual Studio Tools for Apache Cordova (TACO) and Ionic

  1. 1. Justin James Developer / Speaker / Blogger / Instructor
  2. 2. Faster than the PC boom10X Faster than the Internet boom2X Faster than the social networking explosion3X
  3. 3. I wanted to build a mobile app too!
  4. 4. Traditional Development Strategy Native platform technologies XCODE Android Studio
  5. 5.
  6. 6.
  7. 7.
  8. 8. Hybrid Development Strategy Web platform technologies HTML 5 CSS 3 JavaScript
  9. 9. Middleware to Bundle Web Code into Mobile Application with Access to Native Device Apache Cordova
  10. 10. Camera Bluetooth Video Health KitTouch ID Streaming Security & Encryption Push Notifications Audio Code Push/ update Cordova Runtime Architecture
  11. 11. The biggest mistake we’ve made as a company is betting on HTML 5 over native Mark Zuckerberg - September, 2012 via
  12. 12. It’s not 2012 anymore
  13. 13. 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
  14. 14. Windows/Linux/OSx Java SDK 8 Android SDK Gradle Google Chrome Google Android Emulator Google Developers Account Android Setup
  15. 15. Requires a MAC Xcode Xcode Command Line Tools iOS Simulator Safari Apple Developers Accounts iOS Setup
  16. 16. 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
  17. 17.
  18. 18. Demo
  19. 19.
  20. 20. Missing Cordova UI Framework Built On Top of Angular Performance Obsessed Zero Code Redundancy Why Ionic?
  21. 21. Ionic Components Tabs Menus Cards List Headers Footers Forms Buttons Popups Spinners Modals Slidebox Gestures Keyboard Customizations
  22. 22. 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
  23. 23. Camera Bluetooth Video Health KitTouch ID Streaming Security & Encryption Push Notifications Audio Code Push/ update Ionic Runtime Architecture
  24. 24. NPM Task Runner Extension Visual Studio Marketplace Ionic 2 Templates Ionic App Creation
  25. 25. NPM Task Runner Extension Create Project from Existing Code Add Before Build Runner for Ionic Build Ionic App Import
  26. 26. Icon and Splash Screen Sizing Ionic View Creator Marketplace Ionic Platform Ionic Tooling
  27. 27. Demo
  28. 28. Ionic Resources Web Site – Docs - Meetups – Slack - Forums - Ionic Native -
  29. 29. Ionic Blogs
  30. 30. If you can make a great web page you can make a great app!
  31. 31. Time to Go Create Your Mobile App
  32. 32. Follow me @digitaldrummerj