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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Angular Pro

Angular Pro

Sources: ultimatecourses.com
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cem...
16 hours 41 minutes 46 seconds
Build Product Hunt with ReactJS and Firebase

Build Product Hunt with ReactJS and Firebase

Sources: Code4Startup (coderealprojects)
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Product Hunt. Also, a...
4 hours 47 minutes 27 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applications

Sources: udemy
The main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You will see that a co...
7 hours 34 minutes 45 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