Modern Angular Course: From Zero to Advanced
A free, progressive video course that teaches Angular the way it is meant to be written today. Each lesson builds on the previous one — from project setup to real-world patterns — using signals-first state management, standalone components, built-in control flow, and modern testing.
Source code: github.com/loiane/modern-angular
Full playlist on YouTube: Modern Angular Course
Episodes
| # | Topic | Blog Post | Video |
|---|---|---|---|
| 01 | Course Introduction | soon | watch |
| 02 | Development Environment Setup | soon | watch |
| 03 | Your First Standalone Component | soon | watch |
| 04 | Component Templates & Interaction | soon | watch |
| 05 | Introducing Signals | soon | watch |
| 06 | Computed Signals | soon | watch |
| 07 | Effects (Signals) | soon | watch |
| 08 | Angular Material + Header Setup | soon | watch |
Who Is This Course For?
- Developers new to Angular
- Developers upgrading from older Angular versions
- React or Vue developers moving to Angular
What You Will Learn
- Signals-first state management
- Standalone components
- Built-in control flow (
@if,@for,@switch) - Modern testing tools and workflows
- Real-world application structure