Angular 9 Firebase Project Course

2h 46m 56s
English
Paid

Course description

The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from absolute basics and eventually culminates with the deployment of a server-rendered PWA on Google Cloud Run. You will build a full-stack Kanban (看板) storyboard app inspired by Trello. Authenticated users can create, sort, update, and delete boards with all interaction persisted in Firestore.

Read more about the course

What will I Learn?

  • Code organization with feature modules
  • Lazy-loaded routing
  • Usage of common Angular Material components
  • User authentication with Firebase (Google OAuth, Email/Password)
  • Reactive Forms vs Template-driven Forms
  • Drag-and-Drop with the Angular CDK
  • Data modeling and complex writes/queries with Firestore
  • Firestore security rules
  • Angular Universal with Nest.js
  • Prerendering and/or deployment to Google Cloud Run

Is this Course Right for Me?

This course is intermediate level and designed to expose you to real-world challenges when building PWAs with Angular. It assumes you have at least basic knowledge of web programming and basic skills in JavaScript, HTML, and CSS. It is fast-paced and similar to my style on YouTube, but far more in-depth and comprehensive.

Watch Online

Join premium to watch
Go to premium
# Title Duration
1 Angular Tutorial for Beginners 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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
The essential guide to Firebase with React.

The essential guide to Firebase with React.

Sources: udemy
Create modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.
31 hours 20 minutes 9 seconds
Angular NgRx: Getting Started

Angular NgRx: Getting Started

Sources: pluralsight
At the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and in...
4 hours 5 minutes 32 seconds
Build Web Apps with React & Firebase

Build Web Apps with React & Firebase

Sources: udemy
React is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use React from the grou...
23 hours 34 minutes 47 seconds
Angular Interview Hacking

Angular Interview Hacking

Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Be prepared for the upcoming Angular Interview and increase a chance to get the desired job offer. Enrolling in this course may dramatically increase your chance to get a job of...
5 hours 23 minutes 20 seconds