NGADVFLFast LaneFL-NGADV14<ul> <li>Solid experience with Angular (components, services, routing, forms)</li><li>Familiarity with TypeScript and RxJS basics</li></ul><ul> <li>Experienced Angular developers adopting modern Angular v22 patterns</li><li>Teams migrating from legacy patterns to signals, Signal Forms, and NgRx SignalStore</li><li>Developers seeking structured coverage of advanced routing, testing, performance, compliance, and SSR</li></ul><h5>Module 01: Agentic Angular Software Engineering</h5><ul> <li>The Angular CLI MCP Server</li><li>Harness Files: CLAUDE.md, AGENTS.md, copilot-instructions.md</li><li>Angular Agent Skills</li><li>The Angular Expert Subagent</li><li>Hooks and Quality Gates</li></ul><h5>Module 02: Mastering Signals</h5><ul> <li>Signals Fundamentals: signal(), computed(), effect()</li><li>Signal Patterns: inputs, model(), linkedSignal, equality</li><li>Async Signals: httpResource(), resource chain(), debounced()</li><li>@Service and injectAsync</li><li>Signals Tooling: the DevTools signal graph</li></ul><h5>Module 03: Component Composition and Signal Queries</h5><ul> <li>Modern Template Syntax and Control Flow</li><li>Signal Queries: viewChild, viewChildren, contentChild, contentChildren</li><li>Content Projection, Directive Composition, Programmatic Components</li><li>Data Loading with resource() and @defer</li><li>Accessible Composition with @angular/aria</li><li>Component Antipatterns and Agent-Driven Refactoring</li></ul><h5>Module 04: Signal Forms</h5><ul> <li>Signal Form Basics: form(), fields, submission</li><li>Validation: validators, validateHttp, validateAsync, validateStandardSchema</li><li>Error Handling with isSignalErrorState</li><li>Advanced: arrays, nested objects, dynamic forms</li><li>Signal Forms and Agents: AI-written tests</li></ul><h5>Module 05: RxJS Where It Still Matters</h5><ul> <li>Subscribe vs Stream vs Signal</li><li>Flattening and Combining Strategies</li><li>Error Handling and Custom Operators</li><li>Signal Interop Both Ways, rxResource, debounce</li><li>Agent-Assisted RxJS to Signals Migration</li></ul><h5>Module 06: State Management with NgRx SignalStore</h5><ul> <li>SignalStore Fundamentals: withState(), withComputed(), withMethods()</li><li>Entity Management with withEntities()</li><li>Store Composition: signalMethod, withFeature, withProps</li><li>Resource Extensions and Linked State</li><li>The Events Plugin and Deep Signals</li></ul><h5>Module 07: Advanced Routing and App Initialization</h5><ul> <li>provideAppInitializer with injectAsync, @Service</li><li>Functional Guards, HTTP Interceptors, Error Handling</li><li>Signal-Based Resolvers and Route Inputs</li><li>animate.enter / animate.leave and View Transitions</li><li>Route-Driven SignalStore</li></ul><h5>Module 08: Advanced Testing with Vitest and Playwright</h5><ul> <li>Karma to Vitest Migration</li><li>Vitest Fundamentals: pipes, directives, services, components</li><li>Signal Inputs, Forms and Store Testing</li><li>Zoneless Async: whenStable, TestBed.tick, getLastFixture</li><li>Playwright Fundamentals</li><li>Agent-Written Specs, Proven by Mutation</li></ul><h5>Module 09: WebMCP - The Agentic Web</h5><ul> <li>A Counterpart Page for the Agent</li><li>Signals as WebMCP Tools</li><li>WebMCP in Components</li><li>A Signal Form as an Agent Tool</li><li>SignalStore Methods as Tools</li><li>Navigation Tools for the Agent</li><li>Testing WebMCP Tools End to End</li></ul><h5>Module 10: Optimization and Compliance</h5><ul> <li>Core Web Vitals Measurement with Lighthouse</li><li>Bundle Optimization with Rolldown and Budgets</li><li>@defer by Trigger, Zoneless, DevTools Profiling</li><li>Virtual Scrolling and Image Optimization</li><li>WCAG 2.2 AA with @angular/aria</li><li>Compliance Gates on the Pull Request</li></ul><h5>Module 11: Hybrid Rendering and Hydration</h5><ul> <li>Server Routes with RenderMode and getPrerenderParams</li><li>Express 5 with AngularNodeAppEngine</li><li>Incremental Hydration and Hydrate Triggers</li><li>Transfer Cache with httpResource</li><li>CSR vs SSR Measured Delta</li></ul><h5>Module 12: Agentic Angular DevOps</h5><ul> <li>The Deployment Agent: Allowlists and Manifest</li><li>Bootstrapping and Hardening an Ubuntu Box</li><li>Multi-Stage Container serving with Caddy</li><li>DNS before the First ACME Attempt</li><li>Core Web Vitals and SEO Loop</li></ul>- Solid experience with Angular (components, services, routing, forms) - Familiarity with TypeScript and RxJS basics- Experienced Angular developers adopting modern Angular v22 patterns - Teams migrating from legacy patterns to signals, Signal Forms, and NgRx SignalStore - Developers seeking structured coverage of advanced routing, testing, performance, compliance, and SSRModule 01: Agentic Angular Software Engineering - The Angular CLI MCP Server - Harness Files: CLAUDE.md, AGENTS.md, copilot-instructions.md - Angular Agent Skills - The Angular Expert Subagent - Hooks and Quality Gates Module 02: Mastering Signals - Signals Fundamentals: signal(), computed(), effect() - Signal Patterns: inputs, model(), linkedSignal, equality - Async Signals: httpResource(), resource chain(), debounced() - @Service and injectAsync - Signals Tooling: the DevTools signal graph Module 03: Component Composition and Signal Queries - Modern Template Syntax and Control Flow - Signal Queries: viewChild, viewChildren, contentChild, contentChildren - Content Projection, Directive Composition, Programmatic Components - Data Loading with resource() and @defer - Accessible Composition with @angular/aria - Component Antipatterns and Agent-Driven Refactoring Module 04: Signal Forms - Signal Form Basics: form(), fields, submission - Validation: validators, validateHttp, validateAsync, validateStandardSchema - Error Handling with isSignalErrorState - Advanced: arrays, nested objects, dynamic forms - Signal Forms and Agents: AI-written tests Module 05: RxJS Where It Still Matters - Subscribe vs Stream vs Signal - Flattening and Combining Strategies - Error Handling and Custom Operators - Signal Interop Both Ways, rxResource, debounce - Agent-Assisted RxJS to Signals Migration Module 06: State Management with NgRx SignalStore - SignalStore Fundamentals: withState(), withComputed(), withMethods() - Entity Management with withEntities() - Store Composition: signalMethod, withFeature, withProps - Resource Extensions and Linked State - The Events Plugin and Deep Signals Module 07: Advanced Routing and App Initialization - provideAppInitializer with injectAsync, @Service - Functional Guards, HTTP Interceptors, Error Handling - Signal-Based Resolvers and Route Inputs - animate.enter / animate.leave and View Transitions - Route-Driven SignalStore Module 08: Advanced Testing with Vitest and Playwright - Karma to Vitest Migration - Vitest Fundamentals: pipes, directives, services, components - Signal Inputs, Forms and Store Testing - Zoneless Async: whenStable, TestBed.tick, getLastFixture - Playwright Fundamentals - Agent-Written Specs, Proven by Mutation Module 09: WebMCP - The Agentic Web - A Counterpart Page for the Agent - Signals as WebMCP Tools - WebMCP in Components - A Signal Form as an Agent Tool - SignalStore Methods as Tools - Navigation Tools for the Agent - Testing WebMCP Tools End to End Module 10: Optimization and Compliance - Core Web Vitals Measurement with Lighthouse - Bundle Optimization with Rolldown and Budgets - @defer by Trigger, Zoneless, DevTools Profiling - Virtual Scrolling and Image Optimization - WCAG 2.2 AA with @angular/aria - Compliance Gates on the Pull Request Module 11: Hybrid Rendering and Hydration - Server Routes with RenderMode and getPrerenderParams - Express 5 with AngularNodeAppEngine - Incremental Hydration and Hydrate Triggers - Transfer Cache with httpResource - CSR vs SSR Measured Delta Module 12: Agentic Angular DevOps - The Deployment Agent: Allowlists and Manifest - Bootstrapping and Hardening an Ubuntu Box - Multi-Stage Container serving with Caddy - DNS before the First ACME Attempt - Core Web Vitals and SEO Loop4 days11070.002690.002690.002690.002690.002690.00