Course Outline


Ionic Basics

  • Processes and modules used in Ionic for web development
  • How Ionic and Angular work together

Overview of Angular

  • Components and attributes used in Angular

Preparing the Development Environment

  • Installing Ionic and Angular
  • Installing Cordova
  • Testing installations with Ionic Lab

Templating in Ionic and Angular

  • Using Ionic grids
  • Setting styles and variables
  • Creating CSS rules
  • Generating services
  • Consuming REST APIs
  • Creating and using a data model
  • Testing with Ionic DevApp

UI Components

  • Generating and routing pages
  • Retrieving data
  • Adding page design
  • Using lists
  • Generating pages with modals and fabs
  • Implementing complex lists
  • Using pull to refresh
  • Adding an auth guard

Ionic Native

  • Setting up Ionic Native packages
  • Accessing native device features
  • Testing native device features

Connecting to a Backend

  • Setting up Firebase
  • Creating auth guards and services
  • Sending data via HTTP
  • Fetching, displaying, and loading data

Troubleshooting with Cordova

  • Preparing for Android standards
  • Running a hybrid application on an Android device emulator
  • Preparing for iOS standards
  • Running a hybrid application on a iOS device emulator

Summary and Conclusion


  • Basic JavaScript, HTML, and CSS programming experience


  • Web Developers
  21 Hours


Related Courses

AngularJS Good Practices

  14 hours

Angular 2 Fundamentals

  21 hours

Angular JavaScript

  28 hours

AngularJS Basics

  14 hours

Angular 4 Fundamentals

  21 hours

JavaScript, jQuery, NodeJS & AngularJS

  56 hours

Building Web Apps using the MEAN stack

  35 hours

AngularJS Advanced

  21 hours

Ionic1: Build a Mobile App with Ionic 1 and Angular 1

  14 hours


  14 hours

Ionic2 and Angular2

  14 hours

Ionic3: Building Cross-Platform Mobile Apps with Ionic3 and Angular4

  7 hours

Ionic 6

  14 hours

WordPress Rest API and Ionic 4

  14 hours