O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hybrid Mobile App Development with Ionic

Video Description

In this Hybrid Mobile App Development with Ionic training course, expert author Chris Griffith will teach you how to use the Ionic framework to create hybrid mobile applications. This course is designed for the absolute beginner, meaning no experience with mobile app development is required.

You will start by learning how to build apps with the Ionic framework. From there, Chris will teach you how to build a to do application, a weather app, and a national park guide app. This video tutorial will then teach you how to debug and test Ionic applications, including working with emulators, testing on iOS and Android devices, and using Ionic view. Finally, you will finish up your Ionic application by preparing it for submission, code signing for iOS and Android, and generating app icons and splash screens.

Once you have completed this computer based training course, you will have learned how to build hybrid mobile applications with the Ionic framework. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of Contents

  1. Introduction
    1. Introduction And Welcome 00:00:52
    2. What You Should Know Before Watching This Course 00:01:07
    3. Understanding The Exercise Files 00:00:41
    4. What Is The Ionic Framework 00:01:30
    5. Understanding Apache Cordova 00:02:22
    6. Course Outline 00:00:30
    7. Working Files 00:01:15
  2. Getting Started
    1. Installing The Development Environment On A MAC 00:09:21
    2. Installing The Development Environment On A PC 00:04:32
    3. What You Need To Know About Angular JS 00:03:49
  3. Building Apps With The Ionic
    1. Overview 00:07:33
    2. Exploring CSS Components VS Angular Components 00:01:35
    3. Understanding The Ionic CLI 00:00:40
    4. Using Ionic Serve 00:01:07
    5. Using Ionic View 00:01:20
  4. Building The To Do App
    1. Scaffolding The App 00:01:56
    2. Creating The Initial Interface 00:07:58
    3. Working With Lists 00:06:42
    4. Adding Ionicons 00:02:50
    5. Extending The App With Firebase 00:07:55
    6. Adding Cordova Plugins 00:06:17
  5. Building A Weather App
    1. Building A Weather App 00:01:20
    2. Creating The Initial Interface 00:10:04
    3. Getting Our Weather Data From Forecast.IO 00:06:12
    4. Displaying Our Weather Data From Forecast.IO 00:05:57
    5. Updating The Weather Data 00:03:26
    6. Adding Pull To Refresh 00:02:24
    7. Working With Geolocation 00:04:32
    8. Styling Our App 00:01:54
  6. Building A National Park Guide App
    1. Building A National Parks Guide App 00:06:20
    2. Updating The Navigation 00:03:11
    3. Updating The Controllers 00:02:41
    4. Updating The HTML Templates 00:05:44
    5. Loading Local Data 00:02:26
    6. Creating Our Data Factory 00:03:25
    7. Adding In Our Map 00:05:38
    8. Add Markers To Our Map 00:05:13
    9. Styling Our App 00:06:00
  7. Debugging And Testing Ionic Applications
    1. General Overview Of Debugging 00:03:02
    2. Working With Emulators - IOS 00:04:56
    3. Working With Emulators - Android 00:02:08
    4. Testing On Device - Android 00:01:55
    5. Testing On Device - IOS 00:02:12
    6. Using Ionic View 00:02:41
    7. Proper Testing 00:00:43
  8. Finishing Up Our Ionic Application
    1. Generating App Icons And Splash Screens 00:02:54
    2. Preparing For Submission 00:01:18
    3. Code Signing For IOS 00:00:57
    4. Code Signing For Android 00:02:38
    5. Additional Resources 00:00:29
    6. The Road Ahead 00:00:42
    7. Conclusion 00:00:52