Introduction
  • Introduction
  • Course Overview
  • Prerequisites
  • Q&A
  • Environment Setup - Windows
  • Environment Setup - Mac
  • Ionic and Cordova Setup
  • Editors
  • VSCode Plugins
  • Recap
Angular 4 Primer
  • Angular Anatomy
  • Introduction to the Angular CLI
  • Creating our First Angular Application
  • Angular Folder Structure and Testing
  • NgModule
  • Components
  • CLI Basics
  • Data Binding
  • Events
  • A note about FormsModule
  • NgModel
  • *ngIf Directive
  • *ngIf Else
  • *ngFor Directive
  • Component Communication
  • Pipes
  • Recap
  • Angular 4 Quiz
Ionic 3 CLI
  • Installing the Ionic 3 CLI
  • Creating a New Project with the Ionic 3 CLI
  • Listing Project Templates
  • Running our Project in the Browser and on a Device
  • Using Live Reload on a Device
  • Generating Project Components with the Ionic CLI
  • Getting Environment Information with Ionic Info
  • Accessing the Ionic Documentation
  • Creating an Ionic.io Account
  • Authenticating to Ionic.io Within the CLI
  • Creating an Application on the Ionic.io Platform
  • Using Ionic View to Run Your Application on a Device
  • Generating Splash Screen and Icon With the CLI
Getting Started with Ionic 3
  • Creating an Ionic Application
  • Serving the Application
  • Folder Structure
  • Your First Application
  • Ionic Document Flow
  • Challenge - Create an Ionic Application
  • Run Your Application in a Browser
Project: Greeting Application
  • Introduction
  • Project Initiation
  • Run the Project in the Browser
  • Creating the HomePage Template
  • Capturing the Greeting Name
  • Displaying a Greeting Toast
  • Recap
  • Source Code
NEW: BMI Calculator
  • Introduction
  • Creating a new project
  • Creating the HomePage
  • Customising the UI
  • Calculating BMI
  • Classifying BMI
  • Overview
Navigation
  • Creating a New Page
  • Navigating to Another Page
  • Lazy Loading Navigation
  • Lazy Loading Components - Feature/Shared Modules
  • Navigation Parameters
  • Lifecycle Hooks
  • Back Navigation
  • Root Navigation and Stack Overview
Theming
  • Introduction - Colour Selection
  • Custom Colours
  • Text Alignment
  • Text Transformation
  • Padding
  • Margin
  • Changing Colour Contrast
NEW: Bitcoin Price Tracker
  • What we will be Building
  • Create a New Project
  • Creating the Bitcoin Page
  • Ionic Style Variables
  • Building the UI
  • Getting Bitcoin Prices
  • Binding to Observables
  • Changing Selected Currency
  • Refreshing Selected Currency
  • Learning Outcomes
Project: Flashlight Application
  • Creating a New Application
  • Adding the Flashlight Provider