Skip to main content
CourseFlix

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.io

fireship.io thumbnail
Fireship.io is an ecosystem of practical resources for developers who want to build high-quality web & mobile apps.

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