🌱 Start from zero
No Angular experience needed. Set up your tools, build your first app and learn components, templates, services, routing, forms and HTTP.
Learn Modern Angular, Step by Step
A free, beginner-friendly guide to Angular 22 — from your first component to signals, testing, SSR, real projects and AI-assisted development.
Everything you need, in one place 🚀
Section titled “Everything you need, in one place 🚀”NG Guide teaches Angular 22 the way you would write it today: standalone components, signals,
the built-in control flow (@if, @for), Signal Forms, zoneless change detection and Vitest.
Every page explains the why in plain English, then shows small, working, type-checked examples.
⚡ Modern Angular
Master signals, computed, linkedSignal, the
Resource API, Signal Forms and
zoneless apps — all stable in Angular 22.
🧪 Testing & quality
Write fast unit tests with Vitest, test components and services, mock dependencies and run end-to-end tests with Playwright.
🌐 SSR & hydration
Render on the server, prerender static pages and hydrate them in the browser — start with the SSR introduction.
💼 Real projects
Build complete apps: a todo app, an admin dashboard, an e-commerce store, a chat app and a PWA.
🤖 Angular + AI
Use the Angular CLI MCP server, AI config files and agent skills to get better AI help — see Angular + AI.
How the guide is organised 🗺️
Section titled “How the guide is organised 🗺️”1. Beginner
What is Angular? → components, templates, directives, services, routing, forms and HTTP.
2. Intermediate
Component communication, lifecycle hooks, reactive forms, advanced routing, RxJS, state management, pipes and Angular Material.
3. Modern & advanced
Signals in depth, control flow, @let, hydration, custom directives, dynamic components,
advanced DI and performance.
4. Ship it
Testing, SSR, deployment, CI/CD, migration guides and developer tools.
Why NG Guide? 💡
Section titled “Why NG Guide? 💡”- Up to date — written for Angular 22.2 (the latest stable release), with short notes when older versions behave differently.
- Simple first — each topic starts with the basics and builds up to real-world use.
- Code you can trust — examples use current best practices:
inject(),input()/output(), signals, native control flow and@Service(). - One-stop — concepts, examples, common mistakes and next steps on every page, so you rarely need to look anywhere else.
Ready? Start with the introduction or jump straight to building your first app. 🎉