🅰️ Angular, Learning Notes & Playgrounds

Hands-on notes, written in plain language, with a runnable sample project for almost every topic.

Learning path · Sections · Status labels · Running a project · Repository layout

✨ What is this?

A personal, structured walk through Angular, from components and data binding all the way to signals, SSR, change detection and deferrable views.

• 📝 Notes: every section has a NOTES folder with short, numbered markdown files you can read in order.
• 🧪 Sample projects: nearly every section ships the final code of a small Angular project that matches the notes.
• 🔄 Kept current: the projects run on Angular 22, and the notes are checked against the official angular.dev docs. Anything old, legacy or deprecated is called out right at the top of the note.

[!NOTE] Angular moves fast. When a note teaches something the Angular team no longer recommends, it carries a status banner (see Status labels) and points to the modern alternative instead of silently teaching…