Angular is a full framework—routing, forms, HTTP, dependency injection, and a build system all included. That's also why it's hard to learn: most tutorials only cover a slice.
I found a curriculum that covers the whole thing. 132 chapters, split into a clear progression.
It's on KandZ Tuts, and here's what's inside.
Foundations (1–18)
Introduction, environment setup, Angular CLI basics, project structure, components, templates and interpolation, the three binding directions, structural directives (*ngIf, *ngFor, *ngSwitch), the modern block syntax (@if, @for, @switch, @let), attribute directives, built-in pipes, custom pipes, component communication with @Input/@Output, the modern input(), output(), model() functions, lifecycle hooks, advanced lifecycle hooks, and view encapsulation.
Services, DI, and Routing (19–28)
Services and basic dependency injection, DI decorators and provider scopes, the inject() function, routing basics, route and query parameters, nested routes, lazy loading, route guards, resolvers, and route-level data with component input binding.
Forms and HTTP (29–38)
Reactive forms, FormArray and dynamic controls, template-driven forms, validation and custom validators, advanced dynamic and nested forms, custom form controls, HttpClient, interceptors, error handling, and logging/observability.
RxJS (39–46)
Observables, transformation and filtering operators, higher-order mapping operators (switchMap, mergeMap, concatMap), subjects and BehaviorSubject/ReplaySubject, combining streams, error handling in RxJS, multicasting and sharing, and advanced state patterns.
Signals (47–53)
Reactive primitives, computed signals, effects and side effects, signal-based components, signal interop with RxJS, advanced signal patterns, and the resource() and httpResource() APIs.
Advanced DI and Standalone (54–61)
DI in depth, providers and injection tokens, hierarchical injectors, provider recipes, advanced injection scopes, standalone components, standalone directives and pipes, and bootstrapping without NgModule.
Change Detection (62–65)
Default and OnPush, signals and manual control, Zone.js internals, and zoneless Angular.
Templates and Components (66–74)
Animations, advanced animations and route transitions, dynamic components, content projection, ViewChild/ViewChildren/ContentChild, HostBinding/HostListener, custom directives in depth, custom pipes in depth, and deferrable views with @defer.
SSR and Routing (75–80)
Angular Universal, hydration and SSR best practices, prerendering and SSG, router internals, advanced router features, and authentication/route protection.
State Management (81–85)
Services, NgRx, NgRx Effects and Entity, Component Store, and Signal Store.
UI and Platform (86–94)
i18n, i18n in depth, accessibility, Angular Material components and theming, Angular CDK, Web Components, PWAs, and service workers/offline support.
Performance (95–99)
Rendering and change detection, bundles and loading, lazy loading strategies, tree shaking and bundle analysis, and image/font optimization with NgOptimizedImage.
Testing and Tooling (100–110)
Jasmine/Karma unit tests, component and service tests, TestBed and DI, async and signal testing, Playwright E2E, Cypress E2E, Angular DevTools, debugging, Angular Language Service and IDE setup, environment configuration, and build optimizations and budgets.
Deployment and Architecture (111–122)
Static and SSR deployment, CI/CD and caching, monorepos with Nx, libraries and workspaces, micro-frontends, Angular Elements, security, OAuth/JWT, GraphQL, WebSockets, serverless, and AI integrations.
Internals and Migration (123–132)
The compiler and Ivy, schematics and custom generators, builders and custom CLI commands, migrating from AngularJS, migrating between Angular versions, migrating to the new control flow, upgrading legacy applications, real-world architecture patterns, a full capstone application, and a cheatsheet.
Why It's Worth Your Time
It teaches old and new side by side. You get
*ngIfand@if,@Inputandinput(),NgModuleand standalone. You learn what's current and what it replaced.Signals and zoneless are treated as first-class. Chapters 47–53 and 65 cover the reactivity model Angular is actively moving toward.
It goes past application code. Ivy internals, schematics, custom CLI builders, and migration paths—the material usually found only in source code and conference talks.
Who Should Read It
- Beginners: Start at Chapter 1 and read in order.
- Experienced Angular devs: Use the table of contents as an audit. Jump to signals (47), zoneless (65), or
httpResource(53) if those are gaps.
Link
Free, no signup, 132 chapters.
If Angular felt too large to learn properly, this is the resource that makes the size manageable.
What Angular topics do you wish had better tutorials? Let me know in the comments.
