Ionic 4 Firebase with Angular-Build PWA, Native Android, iOS

RapidDev Pro, Full Stack Developer & Tech Entrepreneur

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
42 Lessons (4h 40m)
    • 1. Introduction

      1:53
    • 2. Tools used in this course

      0:23
    • 3. Install Nodejs and npm

      0:38
    • 4. Install Ionic CLI and Cordova

      0:36
    • 5. Promise vs async await

      13:33
    • 6. Project Setup And Running App

      2:47
    • 7. Project Structure Overview

      6:09
    • 8. Ionic Lab

      2:18
    • 9. Ion Split Pane

      2:28
    • 10. Toolbar Styling

      2:58
    • 11. Firebase and Cloud Firestore ( NoSQL ) DB setup

      3:27
    • 12. Configure Firebase and Firestore Library in Ionic App

      2:57
    • 13. Responsive Login Form UI

      9:11
    • 14. Login Form Validation Part-1

      10:04
    • 15. Login Form Validation Part-2

      15:00
    • 16. Login Form Validation Part-3

      2:41
    • 17. Signup Page

      7:27
    • 18. Firebase SIgnup/Register with Email and Password

      13:57
    • 19. Firebase Logout

      3:36
    • 20. Firebase Login With Email and Password

      6:00
    • 21. Firebase Auth State

      14:07
    • 22. Firebase Google Login Web

      6:59
    • 23. Android Studio Setup and Set Environment Variables

      4:09
    • 24. Run Ionic App on Real Android Device and Style Native Status Bar

      5:41
    • 25. Firebase Google Login For Native Platform ( Android, iOS )

      15:17
    • 26. Firebase Google Logout For Native Platform ( Android, iOS )

      3:29
    • 27. Profile Page

      13:53
    • 28. Fetch Product List From Firestore DB

      9:18
    • 29. List Product UI

      10:10
    • 30. Add Product Form UI

      10:30
    • 31. Add Product To Firestore DB

      9:29
    • 32. Get Product By Id From Firestore DB

      8:28
    • 33. List Product UI Update

      1:29
    • 34. Product Detail Page UI

      7:18
    • 35. Update Product Form UI

      12:04
    • 36. Update Product Firestore DB Service

      11:35
    • 37. Delete Product From Firestore DB

      7:43
    • 38. Build Ionic App as PWA in Production Mode and Serve with Node.js Server

      6:02
    • 39. Customize icon and splash screen for Native Platform (Android, iOS)

      4:47
    • 40. Build APK in production and release mode

      2:06
    • 41. Create Keystore, Sign APK with Keystore and Confgire SHA-1 Key to Firebase

      6:40
    • 42. Source code

      0:34

Project Description

We are going to build product manager app using Ionic 4, Angular, Firebase, Firestore DB. Build your own app with the concepts learned in this class.

NOTE: I have attached the source code used in this class so that it is easy for you to refer anytime.

Student Projects