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	read	watch
02	Development Environment Setup	read	watch
03	Your First Standalone Component	read	watch
04	Component Templates & Interaction	read	watch
05	Introducing Signals	read	watch
06	Computed Signals	read	watch
07	Effects (Signals)	read	watch
08	Angular Material + Header Setup	read	watch
09	Products Grid with Angular Material	read	watch
10	Rendering Lists with Signals and @for	read	watch
11	Passing Data to Child Components with input()	read	watch
12	Conditional Rendering with @if and @else	read	watch
13	Writable Signals for Search State	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