Angular And Firebase: The Comprehensive Course 2025

Master Angular basics along with Firebase, Firestore and FiraAuth, Learn Signals, Components, Services, Auth etc

What you'll learn

Learn and Master Angular in a very practical approach

Learn Angular Essentials, for students who want to have a quick and basic refresher

Build real world web applications like a Blog website

Suitable for beginners who have some knowledge in JavaScript, HTML and CSS

Use Angular Components, Services, Standalone Components, Events, Signals, Inputs, etc

Learn and Master Google Firebase and add it to Real world Angular application

Authentication (Login, Register and Logout) using Google Firebase (Angular Fire Library)

CRUD for Angular , Save, Update and Delete data in a Google Firebase database

Image hosting - Upload and save images on Google Firebase Storage

Requirements

This course is for the enthusiast. If you know how web development works, know HTML, CSS and some Javascript, then this is the course for you.

A laptop or desktop

Free version of Visual studio code or any code editor of your choice

Description

This course has been recorded fresh in December 2024 in the latest version of Angular i.e. Angular 19.This course does not need you to spend 100 hours on a course.This course will teach you the basics of Angular and then create a real world application as you learn and improve on concepts that you implement in this application.Learn and use Google Firebase by connecting your Angular application to Google Firebase backend.Enroll in this course if you want to:Create fast reactive frontend applications using AngularLearn Angular 19Learn Google Firebase that is a backend for your application to maintain the dynamic data for your applicationLearn to build Angular applications using the latest Angular version, using Signals, Effects, Services, etc.Grow your resume by learning a industry favorite frontend frameworkWhat's inside this course:Setting up Development Environment for Angular projectsCreate new Angular application from scratchAngular CLIComponentsStandalone componentsServicesReactive FormsForm ValidationData BindingDynamic TemplatesProperties and Data BindingAdding PackagesRoutingPipesTailwind CSSGoogle Firebase and a backend service to store dataGoogle Firebase AuthenticationGoogle Firestore to store and upload filesBuilding front end application and integrate with backend database (Google Firebase)Signals and ObservablesLoops and Conditionals30 Day Full Money Back Guarantee from UdemyThis course comes with a 30-day full money-back guarantee from Udemy

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Install Visual Studio Code

Lecture 3 Install Visual Studio Code Extensions

Lecture 4 Install Node Js and npm

Lecture 5 Install Angular CLI

Lecture 6 Github Code Repository

Section 2: Angular basics and essentials

Lecture 7 Let's Understand Angular

Lecture 8 Create New Angular Application

Lecture 9 Components - Building Blocks of an Angular Application

Lecture 10 Managing Dynamic Data - Component State and Behavior

Lecture 11 Rendering Dynamic Templates

Lecture 12 Conditionals and Loops

Lecture 13 User Event Handling

Lecture 14 Sharing Code or Logic using Services

Section 3: Dev Pulse - Angular and Google Firebase Real World Project

Lecture 15 Create New Angular Application Using Angular CLI

Lecture 16 Install Tailwind CSS in Angular Application

Lecture 17 Create Navigation Menu or Navbar

Lecture 18 Create-Post Component, RouterOutlet and RouterLink

Lecture 19 Define Elements and Style Create-Post Page

Lecture 20 Angular Reactive Forms and Create Post Form

Lecture 21 Validations in Reactive Forms

Lecture 22 Environments

Lecture 23 Google Firebase Intro and Setup

Lecture 24 Install AngularFire and Add Firebase Configuration

Lecture 25 Save data using addDoc method to Firebase

Lecture 26 Save data using setDoc method to Firebase

Lecture 27 Creating BlogPost Service

Lecture 28 Add Markdown Editor and Preview

Lecture 29 Upload Files - CoverImage to BlogPost

Section 4: CRUD Operations, Dashboard Page, Public pages

Lecture 30 Section Introduction

Lecture 31 Navbar - LoggedIn and LoggedOut Functionality and UserService

Lecture 32 Navbar Dropdown (use signals to reactively change state)

Lecture 33 Dashboard Page and Dashboard Statistics - Passing Data From Parent to Child Co

Lecture 34 Getting Collection Data From Firestore - BlogPost List

Lecture 35 Get Single Document From Firestore - Edit/Update BlogPost

Lecture 36 Delete Document From Firestore - Delete BlogPost

Section 5: Authentication using Google Firebase (Register, Login, Logout)

Lecture 37 Google Firebase Authentication Overview

Lecture 38 Enable Google Firebase Authentication

Lecture 39 Create Register Page/Component

Lecture 40 Register Page Template

Lecture 41 Register User

Lecture 42 Create Login Page Component

Lecture 43 Login Page HTML Template

Lecture 44 User Login using Google Firebase

Lecture 45 Logout/Signout Functionality

Section 6: Filter, Batch Create Data, Home page and Blog Details Page (Public pages)

Lecture 46 Add User Details To Blogs

Lecture 47 Dashboard to show only loggedIn user created blogs

Lecture 48 Bulk/Batch Upload Data in Firestore Database

Lecture 49 Home Page - Display All Blogs

Lecture 50 Blog Details Page - Using Observables

Lecture 51 Blog Details Page - Using Signals

Lecture 52 Blog Details Page - Using RxResource

Beginner Web Developers who have some knowledge in HTML, CSS and Javascript