Getting Started
  • Course Introduction
  • What Is Ionic?
  • Join our Online Learning Community
  • A Closer Look at the Ionic Platform
  • What is Angular?
  • Our First Ionic App!
  • The History of Ionic
  • Ionic 4+ vs Ionic 3
  • How to Build Native Mobile Apps with Ionic
  • Comparing Ionic to Alternatives
  • Course Outline
  • How To Get The Most Out Of The Course
  • The Course Source Code
Angular Refresher
  • Module Introduction
  • What is Angular?
  • Angular SPAs & Ionic
  • Understanding Components
  • Important: Creating an Angular Project with the CLI
  • Installing Angular with the CLI
  • Installing the IDE
  • Understanding the Folder Structure
  • The App Component
  • Creating Our First Component
  • Cross Component Communication with Property Binding
  • Understanding Directives & String Interpolation
  • Handling User Input
  • Understanding Event Binding
  • Local References
  • Understanding Two-Way-Binding
  • Passing Data Around with Custom Events
  • Implementing Routing
  • Setting Up Services
  • Using Services with Dependency Injection
  • Working with Angular Lifecycle Hooks
  • Adding a Person with Services
  • Navigating between Components
  • Removing Items Upon a Click
  • "Push"ing Data Around with Subjects
  • More on RxJS & Observables
  • Sending Http Requests
  • Showing a Placeholder Whilst Waiting for a Response
  • Wrap Up
  • Useful Resources & Links
Ionic Component Basics
  • Module Introduction
  • Core App Building Blocks
  • Under the Hood of Ionic Components
  • Setting Up a Non-Angular Ionic Project
  • Where to Learn all about Ionic Components
  • Using Basic Ionic Components
  • More Basic Components
  • Component Categories
  • Using the Ionic Grid
  • Adding Icons & Using Slots
  • Using CSS Utility Attributes
  • Using Ionic Elements like "Normal" HTML Elements
  • Validating User Input
  • Creating Ionic Elements Programmatically
  • Finishing Up the Base JavaScript Logic
  • Finalizing the Layout
  • Use the right Ionic Import
  • Using Controller Components
  • Practicing Ionic Components
  • Why Angular?
  • Useful Resources & Links
Angular + Ionic
  • Module Introduction
  • Why Use Angular?
  • Important: Creating a New Project with the CLI
  • Creating a New Ionic Angular Project
  • Important: CSS Utility Attributes
  • Analyzing the Created Project
  • How Angular & Ionic Work Together
  • Important: Extra Routing Modules
  • Adding & Loading a New Page
  • Using Angular Features on Ionic Components
  • Setting Up Angular Routes
  • Managing State with Services
  • Extracting and Displaying Route Param Data
  • A Potential Bug (+ Fix)
  • Navigating Between Pages
  • Deleting a Recipe
  • There's a Bug!
  • Injecting Ionic Controllers
  • Angular Components vs Ionic Components
  • Wrap Up
  • Useful Resources & Links
Building Native Apps with Capacitor
  • Module Introduction
  • General Information
  • Creating an Android App
  • Running the App on a Real Android Device
  • Creating an iOS App
  • Running the App on a Real iOS Device
  • Wrap Up
  • Useful Resources & Links
Debugging
  • Module Introduction