Lessons Courses Tags

Search

Theme

Login

What is Ionic Ionic 4 technical overview

👈 Resources

Migration from Ionic v3 to v4 👉

Questions?

Ask questions via GitHub below OR chat on Slack #questions

Intro

1 Resources App tour and course resources

2 What is Ionic Ionic 4 technical overview

3 Migration from Ionic v3 to v4 Migration tips for Ionic 3 developers with existing apps

4 Ionic Setup Ionic installation and setup

5 Firebase Setup Firebase iOS/Android native app setup

6 AngularFire Setup Setup and installation of @angular/fire

Ionic Angular Fundamentals

7 Code Organization Optimize your Angular code for developer happiness

8 Components A gentle introduction to Ionic components with ion-menu

9 Component APIs How to use component APIs

10 Routing and Navigation Using the Angular Router to navigate between screens

11 Ionic Storage Manage app state between sessions with Ionic Storage

12 Themes Manage themes in Ionic with CSS

13 Router Guards Protect screens with Angular Router Guards

Users

14 Primer An introduction to User Authentication

15 Anonymous Auth Simple guest login with Firebase Anonymous Auth

16 User Profile Build a reactive user profile in Ionic

17 OAuth Web Google Sign-In for progressive web apps

18 OAuth Native Google Sign-In for native iOS & Android apps

19 User Router Guard Prevent unauthorized user access to specific screens

Realtime Todo List

20 Primer An introduction to Firestore and Realtime Data

21 Database Service Create an Angular Service to simplify database business logic

22 Firestore Queries How to query the database

23 Observable Loop Iterate over async realtime data

24 Update Data Write data to the database

25 Custom Events Listen to custom events on an ion-segment

26 Filter Data Filter realtime data with a BehaviorSubject

27 Modal Pass data to an Ionic Modal

28 Reactive Forms Update data via Angular Reactive Forms

29 Dynamic Routing Navigate to a dynamic Firestore ID with Angular

30 Security Rules Secure your backend data with Firestore rules

FCM Push Notifications

31 FCM Primer An introduction to Firebase Cloud Messaging

32 Cloud Functions Use Firebase Cloud Functions to send push notifications

33 Web Notifications Ionic push notifications on the web

34 Native Notifications Ionic push notifications on iOS & Android

Deployment

35 Web Deployment Deploy Ionic to Firebase Hosting as a PWA

36 iOS Deployment Deploy Ionic to the Apple App Store

37 Android Deployment Deploy Ionic to the Google Play Store

The End