Core Web Vitals for Angular SPAs: LCP, INP and CLS Fixes [2026]

Lesson 8.6 of the Angular tutorial — Core Web Vitals for single-page apps: LCP, INP and CLS thresholds, lab vs field data, SPA pitfalls, rea…

Sep 30, 2026 Read →

Angular Bundle Analysis and Tree-Shaking: Ship Less JavaScript [2026]

Lesson 8.5 of the Angular tutorial — read the build output, map the bundle with --stats-json and source-map-explorer, fix tree-shaking block…

Sep 30, 2026 Read →

Angular NgOptimizedImage: Faster LCP With One Directive [2026]

Lesson 8.4 of the Angular tutorial — NgOptimizedImage end to end: priority for the LCP image, width/height against layout shift, responsive …

Sep 30, 2026 Read →

Angular @for and track Explained: Stop Recreating the DOM [2026]

Lesson 8.3 of the Angular tutorial — what @for track really controls, why track item and track $index cause flicker and lost state, choosing…

Sep 30, 2026 Read →

Angular OnPush Deep Dive: How Change Detection Really Walks the Tree [2026]

Lesson 8.2 of the Angular tutorial — how OnPush change detection really works: dirty marking, markForCheck vs signal-targeted refresh, ngDoC…

Sep 30, 2026 Read →

Angular 22 OnPush by Default: What Changed and How to Migrate [2026]

Lesson 8.1 of the Angular tutorial — Angular 22 makes OnPush the default and renames Default to Eager. What triggers an OnPush check, why co…

Sep 30, 2026 Read →

AI-Assisted Angular Development: A Workflow That Works [2026]

Lesson 12.5 of the Angular tutorial — an end-to-end AI-assisted Angular workflow from ticket to pull request: ground, plan, change in slices…

Sep 30, 2026 Read →

Extend the Angular MCP Server with a Companion MCP Server [2026]

Lesson 12.4 of the Angular tutorial — ng mcp has no plugin API, so build a small companion MCP server with project-specific tools (unused co…

Sep 30, 2026 Read →

Angular MCP Server vs Generic MCP Servers: What Each One Knows [2026]

Lesson 12.3 of the Angular tutorial — a tool-by-tool tour of the Angular CLI MCP server, compared with filesystem, GitHub and documentation …

Sep 30, 2026 Read →

Set Up the Angular MCP Server in Claude, Cursor and VS Code [2026]

Lesson 12.2 of the Angular tutorial — connect the Angular CLI MCP server (ng mcp) to Claude Code, Claude Desktop, Cursor and VS Code, choose…

Sep 29, 2026 Read →

Angular takeUntilDestroyed() and DestroyRef: Modern Cleanup [2026]

Lesson 7.4 of the Angular tutorial — DestroyRef and takeUntilDestroyed(): tie every subscription, listener and timer to the right lifetime, …

Sep 29, 2026 Read →

Angular RxJS & Signal Interop: toSignal, toObservable, and rxResource [2026]

Lesson 7.3 of the Angular tutorial — how toSignal(), toObservable(), and rxResource() really behave: subscription timing, cleanup, errors, c…

Sep 24, 2026 Read →

10 Years of Angular: From Angular 2 to Signals and Zoneless

Angular 2.0 shipped on 14 September 2016. Ten years and twenty majors later, Angular is signal-first and zoneless. A walk through the five e…

Sep 24, 2026 Read →

Angular v22 Is Here: Signal Forms Go Stable, Async Signals Land, Aria Ships [2026]

Angular v22 shipped — Signal Forms, Asynchronous Signals, and Angular Aria are all officially stable. Walk every meaningful change: template…

Jun 4, 2026 Read →

Angular RxJS in 2026: When Signals Aren’t Enough and Observables Win [2026]

Lesson 7.2 of the Angular tutorial — RxJS in 2026: when signals aren't enough, the 10 operators worth knowing, switchMap/mergeMap/concatMap/…

Jun 3, 2026 Read →

Angular Server-Sent Events and Streaming HTTP: Live Feeds Without WebSockets [2026]

Lesson 6.6 of the Angular tutorial — server-sent events and streaming HTTP: EventSource basics, named events, auth options, Fetch API stream…

Jun 3, 2026 Read →

Angular Caching Strategies with httpResource: Stale-While-Revalidate, Invalidation [2026]

Lesson 6.5 of the Angular tutorial — caching strategies: shareReplay, per-key memoization, TTL, stale-while-revalidate, cache invalidation p…

Jun 3, 2026 Read →

Angular HTTP Error Handling and Retry: Patterns for Resilient Apps [2026]

Lesson 6.4 of the Angular tutorial — HTTP error handling and retry: interceptor normalization, global ErrorHandler, per-resource UI, exponen…

Jun 3, 2026 Read →

Angular httpResource vs resource: Signal-Shaped Async with Auto-Cancellation [2026]

Lesson 6.3 of the Angular tutorial — httpResource and resource: signal-shaped async with auto-cancellation, loading/error states, manual rel…

Jun 3, 2026 Read →

Angular Functional Interceptors: Auth Headers, Retry, Logging, Error Normalization [2026]

Lesson 6.2 of the Angular tutorial — functional interceptors: HttpInterceptorFn, auth headers, retries, logging, error normalization, token …

Jun 1, 2026 Read →

Angular HttpClient Fundamentals: get, post, params, headers, observe Options [2026]

Lesson 6.1 of the Angular tutorial — HttpClient fundamentals: setup with provideHttpClient + withFetch, every HTTP verb, params/headers/body…

Jun 1, 2026 Read →

Angular Lazy Loading and @defer: Route-Level and Template-Level Code Splitting [2026]

Lesson 5.6 of the Angular tutorial — lazy loading: route-level (loadComponent, loadChildren), template-level (@defer with on viewport/idle/i…

Jun 1, 2026 Read →

Angular Route Resolvers and Prefetching: Pre-Load Data Before the Route Activates [2026]

Lesson 5.5 of the Angular tutorial — route resolvers and prefetching: ResolveFn, withComponentInputBinding, multiple resolvers in parallel, …

Jun 1, 2026 Read →

Angular Router Events: Loading Bars, Scroll Restoration, Analytics in 2026 [2026]

Lesson 5.4 of the Angular tutorial — router events: the 11 navigation events, building loading bars, page-view analytics, scroll restoration…

Jun 1, 2026 Read →

Angular File Uploads and Progress: Drag-Drop, Multipart, HttpClient Events [2026]

Lesson 4.5 of the Angular tutorial — file uploads: , FormData, HttpClient with reportProgress, multi-file uploaders, drag-drop, client-side …

Jun 1, 2026 Read →

Angular Complete Route Configuration: Every Route Property Explained [2026]

Lesson 5.2 of the Angular tutorial — complete route configuration: every Route property (path, pathMatch, children, outlet, data, resolve, c…

Jun 1, 2026 Read →

Angular Functional Route Guards: CanActivateFn, CanDeactivateFn, CanMatchFn, ResolveFn [2026]

Lesson 5.3 of the Angular tutorial — functional route guards: CanActivateFn, CanActivateChildFn, CanDeactivateFn, CanMatchFn, ResolveFn — pa…

Jun 1, 2026 Read →

Angular Router Essentials: routerLink, RouterOutlet, Params, Query Params [2026]

Lesson 5.1 of the Angular tutorial — router essentials: routes config, RouterOutlet, RouterLink, RouterLinkActive, path/query params, withCo…

Jun 1, 2026 Read →

Angular Typed Reactive Forms: FormGroup<T>, NonNullableFormBuilder, Strict Mode [2026]

Lesson 4.6 of the Angular tutorial — typed reactive forms: FormGroup typed mode, NonNullableFormBuilder, getRawValue, typed setValue/patchVa…

Jun 1, 2026 Read →

Angular Template-Driven Forms Cheatsheet: When ngModel Is Still the Right Tool [2026]

Lesson 4.3 of the Angular tutorial — template-driven forms cheatsheet: when ngModel is still the right tool (prototypes, tiny internal forms…

Jun 1, 2026 Read →

Angular Form Validation Deep Dive: Built-in, Custom, Async, Cross-Field [2026]

Lesson 4.4 of the Angular tutorial — form validation deep dive: built-in validators, custom sync, async (debounced), cross-field, error disp…

Jun 1, 2026 Read →

Angular Reactive Forms: When They’re Still the Right Tool in 2026 [2026]

Lesson 4.2 of the Angular tutorial — Reactive Forms in 2026: when still relevant (legacy, RxJS orchestration, third-party libs, dynamic form…

Jun 1, 2026 Read →

Angular Signal Forms Explained: The 2026 Forms API Replacing valueChanges + takeUntil [2026]

Lesson 4.1 of the Angular tutorial — signal forms (Angular 22): the form() API, field(), validators, async validation, field arrays, vs reac…

Jun 1, 2026 Read →

Angular linkedSignal: Writable State That Resets When Its Source Changes [2026]

Lesson 3.8 of the Angular tutorial — linkedSignal(): writable derived state that auto-resets when its source changes. Patterns: form default…

Jun 1, 2026 Read →

Angular Signal vs Observable: The 2026 Decision Tree for Reactive Primitives [2026]

Lesson 3.7 of the Angular tutorial — the signal-vs-observable decision tree: comparison table, when each is the right primitive, resource() …

Jun 1, 2026 Read →

Angular Zoneless Change Detection Internals: What Triggers a Render in 2026 [2026]

Lesson 3.6 of the Angular tutorial — zoneless change detection internals: five triggers, dirty marking, LView tree, signal-driven CD, async …

Jun 1, 2026 Read →

Angular Zoneless: What Changes Now That Zone.js Is Gone [2026]

Lesson 3.5 of the Angular tutorial — zoneless as default (v21+): what Zone.js did, what triggers change detection now, migration patterns, p…

Jun 1, 2026 Read →

Angular 22 debounced() Signals: Native Rate Limiting Without RxJS [2026]

Lesson 3.4 of the Angular tutorial — debounced() signal helper (Angular 22): native rate limiting, leading/trailing options, throttled() sib…

May 31, 2026 Read →

Angular model(): The Two-Way Binding Primitive, Desugared [2026]

Lesson 3.3 of the Angular tutorial — model() signal: the two-way binding primitive, [(prop)] desugaring, when to use vs input()+output(), re…

May 31, 2026 Read →

Angular effect() vs computed(): When Each Fires, Cleanup, untracked() [2026]

Lesson 3.2 of the Angular tutorial — effect() vs computed() deep dive: timing rules, eager vs lazy, cleanup, signal writes inside effects, c…

May 31, 2026 Read →

Angular Signals: The Producer/Consumer Graph and Glitch-Free Reactivity [2026]

Lesson 3.1 of the Angular tutorial — signals primer: signal/computed/effect, producer-consumer graph, automatic dependency tracking, lazines…

May 31, 2026 Read →

Angular Programmatic Component Creation: ViewContainerRef.createComponent() for Modals, Toasts, Plugins [2026]

Lesson 2.14 of the Angular tutorial — programmatic component creation: ViewContainerRef.createComponent(), setInput, dynamic component selec…

May 31, 2026 Read →

Angular Signal Queries: viewChild, contentChild, viewChildren, contentChildren [2026]

Lesson 2.13 of the Angular tutorial — signal queries: viewChild, viewChildren, contentChild, contentChildren. Required option, read option, …

May 31, 2026 Read →

Angular Host Elements & host: Metadata: Binding to the Wrapping Element [2026]

Lesson 2.12 of the Angular tutorial — host elements: the host: metadata block, static vs dynamic bindings, event listeners, window/document …

May 31, 2026 Read →

Angular 22 Selectorless Components: Import Classes Directly into Templates [2026]

Lesson 2.3 of the Angular tutorial — selectorless components in Angular 22: drop the selector, import classes directly, no imports array. Mi…

May 31, 2026 Read →

Angular Content Projection: <ng-content>, Multi-Slot, select, ngProjectAs [2026]

Lesson 2.6 of the Angular tutorial — content projection: , multi-slot select, ngProjectAs, default fallback content, scope rules (parent vs …

May 31, 2026 Read →

Angular Styling and ViewEncapsulation: Emulated, ShadowDom, None, :host, ::ng-deep [2026]

Lesson 2.11 of the Angular tutorial — styling and ViewEncapsulation: Emulated/ShadowDom/None modes, :host and :host-context() selectors, dep…

May 31, 2026 Read →

Angular ng-template and ng-container: Template Fragments, Logical Grouping, ngTemplateOutlet [2026]

Lesson 2.10 of the Angular tutorial — ng-template and ng-container: deferred templates, ngTemplateOutlet, template context, when each is the…

May 31, 2026 Read →

Angular Directives: Attribute, Structural, Custom — Everything You Need [2026]

Lesson 2.9 of the Angular tutorial — directives: the three kinds (component, attribute, structural), built-in NgClass/NgStyle/NgModel, custo…

May 31, 2026 Read →

Angular Pipes: Every Built-in Pipe, Custom Pipes, and Pure vs Impure [2026]

Lesson 2.8 of the Angular tutorial — pipes: every built-in pipe, syntax, arguments, chaining, the async pipe, writing custom pipes, pure vs …

May 31, 2026 Read →

Angular Component Lifecycle Hooks in 2026: Every Hook, effect(), and afterNextRender [2026]

Lesson 2.7 of the Angular tutorial — component lifecycle hooks in 2026: every hook in firing order, modern replacements (effect, afterNextRe…

May 31, 2026 Read →

Angular Output Signals: output(), Event Payloads, and When to Still Use EventEmitter [2026]

Lesson 2.5 of the Angular tutorial — output() signals: the new emitter API, payload types, aliases for two-way binding, RxJS interop via out…

May 31, 2026 Read →

Angular Input Signals Explained: input(), input.required(), Transforms, Aliases [2026]

Lesson 2.4 of the Angular tutorial — input() signals: required vs optional, transforms (booleanAttribute, numberAttribute, custom), aliases,…

May 31, 2026 Read →

Angular Template Syntax Deep Dive: @if @for @switch @let, Bindings, Two-Way [2026]

Lesson 2.2 of the Angular tutorial — every template syntax: interpolation, property/attribute/event/two-way binding, the @if @for @switch @l…

May 31, 2026 Read →

Angular Component Anatomy: @Component, Template, Selector, and Standalone Imports [2026]

Lesson 2.1 of the Angular tutorial — the anatomy of a component: @Component metadata, selector flavors, the imports array, inline vs externa…

May 31, 2026 Read →

The Angular Build Pipeline: esbuild, Vite, AOT, and What ng build Actually Does [2026]

Lesson 1.5 of the Angular tutorial — the build pipeline: what ng build does step by step, esbuild as the bundler, Vite for dev, AOT compilat…

May 31, 2026 Read →

TypeScript Essentials for Angular: Decorators, Generics, Strict Mode, and Template Narrowing [2026]

Lesson 1.4 of the Angular tutorial — the TypeScript slice you actually use every day: decorators, generics for signals and inputs, types vs …

May 31, 2026 Read →

Angular DI Deep Dive: InjectionToken, @Optional, Multi-Providers, and the Resolution Algorithm [2026]

Lesson 1.7 of the Angular tutorial — DI deep dive: InjectionToken, the optional/self/skipSelf/host modifiers, multi-providers, useFactory, t…

May 31, 2026 Read →

Angular Dependency Injection Explained: inject(), Providers, and the Root Injector [2026]

Lesson 1.3 of the Angular tutorial — dependency injection from the consumer side: the inject() function, injection contexts, the hierarchica…

May 31, 2026 Read →

Angular Bootstrap and ApplicationConfig: The provideX() Ecosystem [2026]

Lesson 1.6 of the Angular tutorial — bootstrapApplication(), ApplicationConfig, and the full provideX() ecosystem: provideRouter, provideHtt…

May 31, 2026 Read →

Angular CLI and Project Structure: Every File ng new Creates [2026]

Lesson 1.2 of the Angular tutorial — install the CLI, run ng new, and walk every file the scaffold creates: main.ts, app.config.ts, angular.…

May 30, 2026 Read →

What is Angular and Where it Fits: A 2026 Developer’s Guide

Lesson 1.1 of the Angular tutorial — what Angular actually is (a framework, not a library), what ships in the box, where it sits next to Rea…

May 30, 2026 Read →

Angular MCP Server (ng mcp): What It Actually Does and Why It Matters

A practical introduction to Angular's official MCP server (ng mcp) shipped in Angular 21 — what tools it exposes, what flags matter, and whe…

May 19, 2026 Read →

Optimizing User Input Handling in Angular: Implementing Debouncing with switchMap

Link copied Optimizing User Input Handling in Angular: Implementing Debouncing with switchMap Angular Tutorial › Module 7: RxJS › Lesson 7.1…

Sep 13, 2024 Read →

Understanding Unit Testing in Angular: Mocked Service API Calls and Component Rendering

Link copied Understanding Unit Testing in Angular: Mocked Service API Calls and Component Rendering In the realm of Angular development, uni…

Jun 28, 2024 Read →

Exploring Angular 18: What’s New and Exciting

Link copied Exploring Angular 18: What’s New and Exciting Angular 18 Features # Angular 18 was released on May 22nd, marking a significant m…

May 24, 2024 Read →

Angular’s ng-container and ng-template

Link copied Angular’s ng-container and ng-template Related: For the modern version with @if/@for and ngTemplateOutlet context, see Angular n…

Apr 29, 2024 Read →

Unicasting vs Multicasting Observables: A Deep Dive into RxJS Techniques

Link copied Unicasting vs Multicasting Observables: A Deep Dive into RxJS Techniques In the world of reactive programming, particularly when…

Apr 21, 2024 Read →

When Angular is launched ?

Link copied Angular When Angular is launched ? February 8, 2024 · 1 min read When was Angular launched? # AngularJS, the original framework,…

Feb 8, 2024 Read →