CF

Angular 9 Firebase Project Course

2h 46m 56s
English
Paid

This course shows you how to build a full Angular 9 PWA with Firebase and Material Design. You start from the basics and move step by step to a full app. You build a Kanban board like Trello. You add users, boards, and lists. All changes save to Firestore.

What You Learn

  • How to organize code with feature modules
  • How to set up lazy-loaded routes
  • How to use common Angular Material parts
  • How to add Firebase login with Google or email
  • How to choose between Reactive and Template forms
  • How to use Drag-and-Drop with the Angular CDK
  • How to model data and make safe writes in Firestore
  • How to write Firestore security rules
  • How to use Angular Universal with Nest.js
  • How to prerender and deploy to Google Cloud Run

Who This Course Fits

This course fits you if you know the basics of web code. You should know JavaScript, HTML, and CSS. The pace is quick. It feels like my YouTube work but with more depth and full projects.

About the Author: Fireship

Fireship thumbnail

Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.

The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.

The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.

Watch Online 31 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 31 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Angular Tutorial for Beginners
All Course Lessons (31)
#Lesson TitleDurationAccess
1
Angular Tutorial for Beginners Demo
20:46
2
Resources
01:51
3
CLI
04:02
4
Anatomy
05:13
5
Components
13:52
6
Component Composition
05:19
7
Dependency Injection and Services
03:19
8
Modules
02:41
9
App Overview
02:50
10
Meet Angular Material
05:22
11
Schematics
01:10
12
Shared Module
03:59
13
App Navigation Shell
08:45
14
Routing
02:57
15
Firebase Setup
02:43
16
Lazy Loaded Login Feature
03:54
17
Google SignIn
04:38
18
Email Password Auth
11:33
19
Auth Guard
04:59
20
Kanban Module
02:10
21
Firestore Data Model
04:49
22
Database Service
07:39
23
CDK Drag and Drop
06:36
24
Drag and Drop Animation
03:07
25
Dialogs
08:04
26
Delete Button
03:11
27
Server-side Rendering - What? Why? How?
02:57
28
SEO Service
05:33
29
Angular Universal with NestJS
02:56
30
Prerendering
04:05
31
Angular Universal on Google Cloud Run
05:56
Unlock unlimited learning

Get instant access to all 30 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What is Angular 9 Firebase Project Course about?
This course shows you how to build a full Angular 9 PWA with Firebase and Material Design. You start from the basics and move step by step to a full app. You build a Kanban board like Trello. You add users, boards, and lists. All changes…
Who teaches this course?
It is taught by Fireship. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 31 lessons with a total runtime of 2 hours 46 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/angular-9-firebase-project-course. The page hosts every lesson with the integrated video player; no download is required.