Class Details
This workshop is for experienced Angular developers who want to master modern Angular development and learn to work with AI agents as a natural part of their daily workflow. Over ten modules you will build real Angular applications using standalone components, signal-based state, OnPush change detection, and inject-based dependency injection throughout. Every concept is introduced through working demos that you can run, extend, and experiment with.
You start by setting up GitHub Copilot and Claude Code as your development partners, learning to write custom instructions, reusable prompt files, and skills that shape how these agents assist you across every module that follows. With your tooling in place, you move into Angular’s reactive core — signals, HTTP Resource API, forms, RxJS, NgRx SignalStore, advanced routing, testing, performance, and server-side rendering.
Audience
- Experienced Angular developers adopting modern Angular v21+ patterns
- Teams migrating from legacy patterns to signals, standalone components, and NgRx SignalStore
- Developers seeking structured coverage of advanced routing, testing, performance, and SSR
Prerequisites
- Solid experience with Angular (components, services, routing, forms)
- Familiarity with TypeScript and RxJS basics
Curriculum
Module 01: Agentic Angular Development
- Agentic Coding with GitHub Copilot and Claude Code
- Instructions and Reusable Prompt Files
- Skills and Plugins
- Designing and Using Custom Agents
Module 02: Mastering Signals
- Signals Fundamentals: signal(), computed(), effect()
- HTTP Resource API with httpResource()
- LinkedSignal and Model Two-Way Binding
- RxJS to Signals Interop with toSignal()
- Zoneless Change Detection
Module 03: Components and Composition
- Standalone Components and Modern Bootstrap
- Control Flow Syntax (@if, @for, @switch)
- Content Projection and Directives Composition
- Dynamic Components and View Queries
- Resource API for Declarative Data Loading
Module 04: Signal Forms
- Signal-Based Form Construction with form() and FormField
- Built-in and Custom Validators
- Async Validators and Cross-Field Rules
- Nested Forms, Form Arrays, and Conditional Fields
- CRUD Workflow with Signal Forms
Module 05: Mastering Reactive Programming with RxJS
- Declarative Programming with Observables
- Core Operators: Map, Filter, Combine, Transform
- Error Handling and Marble Testing
- Observable to Signal Interop Patterns
- Foundation Patterns for NgRx Effects
Module 06: State Management with NgRx SignalStore
- SignalStore with withState(), withComputed(), withMethods()
- Entity Management with withEntities()
- Custom Store Features
- Deep Signals for Complex State
- Integration with Classic NgRx
Module 07: Advanced Routing and App Initialization
- APP_INITIALIZER and Dependency Injection with inject()
- Functional Guards and HTTP Interceptors
- Route Resolvers with ResolveFn and Signals
- Preloading Strategies and Component Input Bindings
- View Transitions API and Router Animations
Module 08: Advanced Testing with Vitest
- Component Signal Input Testing with setInput()
- Service Testing with HttpTestingController
- NgRx SignalStore Testing
- Angular Material Test Harnesses
- End-to-End Testing with Playwright
Module 09: Optimizing Angular
- Core Web Vitals Measurement with Lighthouse
- Bundle Optimization with esbuild
- Zoneless Change Detection
- Virtual Scrolling and Image Optimization
- Accessibility and Linting
Module 10: Server Side Rendering
- SSR with @angular/ssr and Express
- Non-Destructive Hydration
- httpResource() in SSR Context
- Pre-rendering Static Routes
- CSR vs SSR Performance Comparison
Class Logistics
All prices are net B2B prices and subject to 20% VAT or Reverse Charge in the EU.