CF

Angular 9 Firebase Project Course

2h 46m 56s
English
Paid

Angular 9 Firebase Project Course is a 31-lesson 2 hours 46 minutes self-paced course by Fireship. This course shows you how to build a full Angular 9 PWA with Firebase and Material Design.

Course facts

Lessons
31
Duration
2 hours 46 minutes
Level
All levels
Language
English
Updated
Instructor
Fireship
Price
Premium

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.

Who teaches Angular 9 Firebase Project Course? 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.

What lessons are included in Angular 9 Firebase Project Course?

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

What courses are similar to Angular 9 Firebase Project Course?

Frequently asked questions

What prerequisites are needed before taking the course?
Before enrolling in the course, you should have a basic understanding of web development concepts, particularly JavaScript, HTML, and CSS. The course assumes familiarity with these technologies since it builds on them to teach Angular 9 and Firebase. Given the fast pace of the course, a solid foundation in these areas will help you keep up with the material.
What kind of project will I build during the course?
You will build a Progressive Web App (PWA) using Angular 9 with Firebase as the backend. The project is a Kanban board similar to Trello, where you will implement features like user authentication, boards, and lists. The course covers how to save changes to Firestore, providing a practical application of Firebase's realtime database capabilities.
Who is the target audience for this course?
The course is ideal for developers who are familiar with the basics of web development and are looking to expand their knowledge into building full-fledged applications with Angular 9 and Firebase. It suits those who prefer a fast-paced, project-oriented learning experience that goes beyond basic tutorials.
What specific tools and technologies are covered in the course?
The course covers several tools and technologies, including Angular Material for UI components, Firebase for backend services like authentication and Firestore, and the Angular CDK for drag-and-drop features. You will also learn about Angular Universal and deploying applications to Google Cloud Run using Nest.js for server-side rendering.
What is not covered in this course?
The course does not cover broader topics outside the specific scope of building a PWA with Angular 9 and Firebase. It focuses on practical implementation rather than theoretical concepts, so it doesn't delve into advanced Firebase features beyond authentication and Firestore or cover other backend technologies.
How much time should I expect to commit to completing the course?
The course includes 31 lessons, and while the exact runtime is not specified, it is structured to offer a comprehensive learning experience. Given the depth and project-based nature, you should be prepared to dedicate several hours per week to complete the lessons, exercises, and the final project.
How can the skills learned in this course benefit my career?
The skills you acquire in this course, such as organizing code with feature modules, setting up lazy-loaded routes, and implementing Firebase authentication, are valuable for building modern web applications. These skills are transferable to many other Angular projects and can enhance your employability in roles focused on frontend development, particularly with frameworks like Angular.