Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

Building hybrid mobile apps with Ionic

Chris Griffith (Nortek Security & Control)
1:30pm–5:00pm Tuesday, June 20, 2017
Cross-Platform and Mobile
Location: 210 BF
Secondary topics:  JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), Mobile, Progressive web apps
Average rating: ***..
(3.50, 2 ratings)

Who is this presentation for?

  • Developers and designers

Prerequisite knowledge

  • A general understanding of modern web development
  • Basic knowledge of Angular (If you aren't familiar with Angular, take the Angular Tour of Heroes tutorial.)
  • Familiarity with Cordova (useful but not required)

Materials or downloads needed in advance

  • A laptop with Chrome, Node.js v6 LTS, Git, the Ionic CLI (installed via command line: "npm -g install ionic"), the Cordova CLI (installed via command line: "npm -g install cordova") and Microsoft Visual Studio Code or your favorite HTML/CSS/JS editor installed
  • A mobile device with the Ionic View app installed
  • A mobile SDK installed (Useful if you want to run the application on an iOS and/or an Android device or emulator but not required. If you don't install a mobile SDK, you'll be able to test your application in a browser on your computer.)
  • An account

What you'll learn

  • Understand Ionic's technical stack (Ionic, Angular, and Cordova), how to use Ionic to build hybrid mobile applications, and how to use it to develop progressive web apps
  • Explore the markup needed to use the Ionic framework and the additional tools and services available that help create apps faster


Chris Griffith offers an introduction to the Ionic framework. Built atop Angular and Apache Cordova, this framework gives developers an incredibly powerful set of mobile components to create app store-ready or progressive web apps.

Topics include:

  • How to create and build (compile and package) an Ionic project using the CLI
  • How to start from one of the Ionic starter apps
  • How to build a modern mobile UI using Ionic components such as side menu, cards, action sheets, etc.
  • How to style your applications using the powerful new theming system
  • How to extend your app with Cordova and Ionic Native
  • How to use Ionic as framework for progressive web apps
  • How to deploy applications to the app stores
  • The new Ionic services
Photo of Chris Griffith

Chris Griffith

Nortek Security & Control

Chris Griffith is the user experience lead at home automation and security company Nortek Security & Control as well as an instructor at the University of California, San Diego Extension, where he teaches mobile application development. Chris is the author of Mobile App Development with Ionic 2, from O’Reilly, has served as a technical reviewer for several publications, and has written for UX Magazine. He is an Adobe Community Professional specializing in PhoneGap/Cordova and experience design and has developed several mobile applications, a variety of code hinters, and ConfiGAP for PhoneGap Build. You can follow him on Twitter as @chrisgriffith or at