Zertifikat „Angular Real World Guide — Build Angular & Firebase Apps“ von Udemy, ausgestellt November 2025
In neuem Tab öffnen
Frontend

Angular Real World Guide — Build Angular & Firebase Apps

UdemyNovember 2025 · 10,5 Std
Zertifikat als PDF öffnenAuf Udemy verifizierenKursseite

Durchgehend projektbasierter Angular-Kurs: von den Grundlagen (Komponenten, Templates, Services) bis zur vollständigen Anwendung „Dev Pulse“ mit Google Firebase als Backend. Enthalten sind Reactive Forms mit Validierung, vollständiges Firestore-CRUD, Datei-Uploads, Authentifizierung mit Registrierung, Login und Logout sowie öffentliche Seiten in drei Umsetzungen — mit Observables, mit Signals und mit RxResource.

Umfang
10,5 Std.
Lektionen
52 in 6 Abschnitten
Dozent
Sameer Saini
Sprache
Englisch
Format
Video-Kurs mit Projektarbeit
Abschluss
13. November 2025

Inhalte & Kompetenzen

  • Angular-Grundlagen: Komponenten als Bausteine, Component State und Behavior, dynamische Templates, Conditionals und Loops, User-Event-Handling und geteilte Logik über Services
  • Projekt-Setup mit Angular CLI und Tailwind CSS, Navigation mit RouterOutlet und RouterLink, Trennung der Umgebungen über Environments
  • Reactive Forms samt Validierung, Markdown-Editor mit Live-Preview und Cover-Image-Upload
  • Google Firebase und AngularFire: Schreiben mit addDoc und setDoc, Collection- und Einzeldokument-Abfragen, Update und Delete — vollständiges Firestore-CRUD in einem BlogPost-Service
  • Firebase Authentication: Registrierung, Login und Logout, LoggedIn-/LoggedOut-Zustände in der Navbar, reaktiver State über Signals
  • Dashboard mit Statistiken und Parent-to-Child-Datenfluss, Filterung auf die eigenen Beiträge, Batch-Upload in die Firestore-Datenbank
  • Öffentliche Seiten (Home und Blog-Details) in drei Varianten umgesetzt: mit Observables, mit Signals und mit RxResource

Kursaufbau

Introduction6 Lektionen
  1. Introduction
  2. Install Visual Studio Code
  3. Install Visual Studio Code Extensions
  4. Install Node Js and npm
  5. Install Angular CLI
  6. Github Code Repository
Angular basics and essentials8 Lektionen
  1. Let's Understand Angular
  2. Create New Angular Application
  3. Components — Building Blocks of an Angular Application
  4. Managing Dynamic Data — Component State and Behavior
  5. Rendering Dynamic Templates
  6. Conditionals and Loops
  7. User Event Handling
  8. Sharing Code or Logic using Services
Dev Pulse — Angular and Google Firebase Real World Project15 Lektionen
  1. Create New Angular Application Using Angular CLI
  2. Install Tailwind CSS in Angular Application
  3. Create Navigation Menu or Navbar
  4. Create-Post Component, RouterOutlet and RouterLink
  5. Define Elements and Style Create-Post Page
  6. Angular Reactive Forms and Create Post Form
  7. Validations in Reactive Forms
  8. Environments
  9. Google Firebase Intro and Setup
  10. Install AngularFire and Add Firebase Configuration
  11. Save data using addDoc method to Firebase
  12. Save data using setDoc method to Firebase
  13. Creating BlogPost Service
  14. Add Markdown Editor and Preview
  15. Upload Files — CoverImage to BlogPost
CRUD Operations, Dashboard Page, Public pages7 Lektionen
  1. Section Introduction
  2. Navbar — LoggedIn and LoggedOut Functionality and UserService
  3. Navbar Dropdown (use signals to reactively change state)
  4. Dashboard Page and Dashboard Statistics — Passing Data From Parent to Child Component
  5. Getting Collection Data From Firestore — BlogPost List
  6. Get Single Document From Firestore — Edit/Update BlogPost
  7. Delete Document From Firestore — Delete BlogPost
Authentication using Google Firebase (Register, Login, Logout)9 Lektionen
  1. Google Firebase Authentication Overview
  2. Enable Google Firebase Authentication
  3. Create Register Page/Component
  4. Register Page Template
  5. Register User
  6. Create Login Page Component
  7. Login Page HTML Template
  8. User Login using Google Firebase
  9. Logout/Signout Functionality
Filter, Batch Create Data, Home page and Blog Details Page (Public pages)7 Lektionen
  1. Add User Details To Blogs
  2. Dashboard to show only loggedIn user created blogs
  3. Bulk/Batch Upload Data in Firestore Database
  4. Home Page — Display All Blogs
  5. Blog Details Page — Using Observables
  6. Blog Details Page — Using Signals
  7. Blog Details Page — Using RxResource

Themen

AngularFirebase