Learn Firebase Core with React

Course Curriculum

Chapter 1: Introduction

Lecture 1: What is Firebase? Why Learn Firebase?

Lecture 2: Course Tools & Prerequisites

Lecture 3: Course Project – Recipes Web App

Lecture 4: Firebase Tools – Global Install

Lecture 5: Deploy Our First Firebase Project

Lecture 6: Course Github Repository – Reference Code for Each Section

Lecture 7: Install Firebase Version 8.9.1

Lecture 8: Install React Version 17.0.2

Lecture 9: Installing The Firebase NPM Package

Lecture 10: Get Firebase Project Config & Create Environment File

Lecture 11: Fetch App.css File from Github

Lecture 12: FirebaseConfig.js Service File

Lecture 13: v9 Upgrade (optional)

Lecture 14: Section 1 Summary

Chapter 2: Firebase Web App Hosting

Lecture 1: BIG PICTURE – Firebase Hostin

Lecture 2: Github Repository Setup

Lecture 3: Setup Firebase GitHub Actions for Automatic Deployment

Lecture 4: Manual Deployment

Lecture 5: Firebase Console – Hosting

Lecture 6: (Optional) Adding a Custom Domain Name

Lecture 7: Firebase Hosting – Section Summary

Chapter 3: Firebase Authentication

Lecture 1: BIG PICTURE – Firebase Auth

Lecture 2: Setup Check – Firebase npm, .ENV, and FirebaseConfig

Lecture 3: Firebase Console – Authentication

Lecture 4: FirebaseAuthService JavaScript File

Lecture 5: Create LoginForm React Component & Register User Account – Part 1

Lecture 6: Create LoginForm React Component & Register User Account – Part 2

Lecture 7: Create LoginForm React Component & Register User Account – Part 3

Lecture 8: Firebase Console – New User

Lecture 9: LoginForm – Login User Account & JWT Access Token Location

Lecture 10: LoginForm – Password Reset

Lecture 11: LoginForm – OAuth 2 – Login with Google

Lecture 12: Firebase Console – Authorized Domains for Production

Lecture 13: Firebase Console – Templates for Email, Password Reset, SMS Verification, Etc

Lecture 14: Github Actions – CI/CD – Continuous Integration & Continuous Deployment

Lecture 15: Firebase Authentication – Section Summary

Chapter 4: Firebase Firestore

Lecture 1: BIG PICTURE – Firebase Firestore (database)

Lecture 2: Firebase Console – Cloud Firestore

Lecture 3: Firebase Firestore Service – CREATE

Lecture 4: Creating a Recipe – HTML Form – Part 1

Lecture 5: Creating a Recipe – HTML Form – Part 2

Lecture 6: Creating a Recipe – HTML Form – Part 3

Lecture 7: Creating a Recipe – HTML Form – Part 4

Lecture 8: Creating a Recipe – HTML Form – Part 5

Lecture 9: Creating a Recipe – HTML Form – Part 6

Lecture 10: Firebase Console – Viewing Our New Recipe

Lecture 11: Firestore Security Rules – Server-Side Input Validation & Sanitization

Lecture 12: Firebase Firestore Service – READ

Lecture 13: Reading Recipes – JavaScript & HTML – Part 1

Lecture 14: Reading Recipes – JavaScript & HTML – Part 2

Lecture 15: Reading Recipes – JavaScript & HTML – Part 3

Lecture 16: Reading Recipes – JavaScript & HTML – Part 4

Lecture 17: Firebase Firestore Service – UPDATE

Lecture 18: Important ⚠️ React 18 Note

Lecture 19: Updating a Recipe – JavaScript & HTML – Part 1

Lecture 20: Updating a Recipe – JavaScript & HTML – Part 2

Lecture 21: Updating a Recipe – JavaScript & HTML – Part 3

Lecture 22: Firebase Firestore Service – DELETE

Lecture 23: Deleting a Recipe – JavaScript & HTML

Lecture 24: UI/UX Loading “Spinner” & No Recipes Message (optional)

Lecture 25: Firebase Firestore Simple Query – Filter Recipes by Category

Lecture 26: Firebase Firestore Service – Order By

Lecture 27: Firebase Firestore Compound Query – Order By Publish Date

Lecture 28: Firebase Firestore – Building Compund Query Indexes

Lecture 29: Firebase Firestore Service – Limit & Cursor

Lecture 30: Firebase Firestore Pagination – Recipes Per Page & Load More Pages

Lecture 31: Cloud Firestore Full Text Search?

Lecture 32: GitHub Action Deployment Hosting – Ignore Warning

Lecture 33: Firebase Firestore – Section Summary

Chapter 5: Firebase Storage

Lecture 1: BIG PICTURE – Firebase Storage

Lecture 2: Firebase Console – Cloud Storage

Lecture 3: Firebase Storage Service

Lecture 4: Create Image Uploader – Part 1

Lecture 5: Create Image Uploader – Part 2

Lecture 6: Create Image Uploader – Part 3

Lecture 7: Create Image Uploader – Part 4

Lecture 8: Create Image Uploader – Part 5

Lecture 9: Firebase Storage – Section Summary

Chapter 6: Firebase Functions

Lecture 1: Firebase Functions – BIG PICTURE

Lecture 2: Create & Deploy Our First Firebase Function

Lecture 3: Firebase Console Functions

Lecture 4: Firebase Config File for Functions

Lecture 5: Function Index.js File Setup

Lecture 6: Firestore Function – onCreate

Lecture 7: Firestore Function – onDelete

Lecture 8: Firestore Function – onUpdate

Lecture 9: Scheduled (cronjob/crontab) Function – Publish Recipe

Lecture 10: NOTE – Install Dependencies

Lecture 11: Install Dependencies

Lecture 12: Express API Foundation

Lecture 13: Utilities.js File

Lecture 14: Create (Post) Recipe Express Endpoint

Lecture 15: Postman – Test Post Endpoint

Lecture 16: Read (Get) Recipe Express Endpoint – Part 1