Angular Tutorials

A focused reference series for developers who already know Angular. Use it for quick fact-checking, refreshing a concept before a project, or preparing for interviews.

The official Angular documentation is thorough but large — these notes distill the parts that matter for day-to-day development. Together they cover the majority of what you'll encounter in a typical Angular codebase. Each article is a 5–15 minute read.

Written against modern Angular (17–22+) with signals, standalone components, and zoneless change detection.

---

Tutorials

#	File	Topics
01	Core Concepts	Interpolation, property/event binding, signals, @for, @if, two-way binding, services, DI, pipes
02	Modules	NgModules vs standalone components, imports, providers, module-based bootstrapping
03	Component Selectors, Projection, and Host	Attribute/class selectors, ng-content slots, view encapsulation, :host, host bindings
04	Class and Style Binding	[class.x], [class] object, [style.x], [style] object, Tailwind coexistence
05	Lifecycle Hooks	All 8 hooks, constructor vs ngOnInit, DestroyRef, takeUntilDestroyed
06	Template-Driven Forms	Template-driven forms, ngModel, NgForm, form validation, @ViewChild, viewChild(), @ContentChild
07	Signals and Effects	signal, computed, effect, reactive context, untracked, RxJS interop, input/model/output, React comparison
08	Directives	Built-in vs custom directives, host events, directive inputs and aliases, service injection, hostDirectives
09	Pipes	Built-in pipes, parameters, chaining, async pipe, custom pipes, pure vs impure
10	Dependency Injection	inject(), @Injectable, @Service() (v22), providedIn, component-level providers, InjectionToken, useClass/useValue/useFactory, optional injection
11	Change Detection	Zone.js, OnPush strategy, ChangeDetectorRef, NgZone, zoneless mode with signals
12	HTTP	HttpClient, GET/POST/PUT/DELETE, catchError, finalize, service patterns, interceptors, toSignal
13	Reactive Forms	FormGroup, FormControl, built-in and custom validators, async validators, value changes, programmatic updates
14	Routing	Setup, router-outlet, routerLink, route params, ActivatedRoute, snapshot vs observable, query params, nested routes, resolvers, runGuardsAndResolvers, guards (canActivate, canDeactivate, canMatch)
15	Deployment	ng build, ng deploy, SSR with @angular/ssr, rendering modes (Prerender/Server/Client), SSR pitfalls