About the course
Angular has undergone a radical transformation. With the introduction of Signals, Standalone Components, and Hydration, the way we architect enterprise applications has fundamentally changed. This 3-day intensive workshop is designed for experienced Angular developers who need to move beyond traditional patterns and embrace the "Modern Angular" workflow.
We move deep into the internals of the framework, exploring how to transition to a Zoneless architecture for maximum performance and how to leverage the new Signals-based reactivity model. You will learn to manage complex state with a hybrid of Signals and NgRX, optimize rendering for massive datasets, and secure your applications using the latest routing and guard techniques.
This is a hands-on masterclass focused on minimizing technical debt and building scalable, high-quality-of-service applications using the most stable and forward-looking features of the platform.
If you're building a comprehensive training programme this is an an ideal follow-on from our introductory Angular training course - you can select modules as required to build out a custom syllabus.
Online and in-house face-to-face options are available - as part of a wider customised training programme, or as a standalone workshop, on-site at your offices or at one of many flexible meeting spaces in the UK and around the World.
-
- Implement Signals-First Reactivity: Transition from legacy RxJS-only patterns to a more performant Signals-based architecture.
- Optimize Change Detection: Identify bottlenecks and implement Zoneless strategies to eliminate unnecessary rendering.
- Master Modern State Management: Choose the right tool for the job, from local Signals to enterprise-grade NgRX.
- Architect Scalable Mono-repos: Use Nx and Standalone components to manage large, multi-team projects.
- Enhance UX & Performance: Leverage NgOptimizedImage and deferred loading to meet rigorous Core Web Vitals.
- Build Resilient E2E Tests: Integrate Microsoft Playwright into the development lifecycle for robust automated testing.
-
Our Advanced Angular training course is aimed at:
Senior Angular Developers: Looking to modernize their skillset with Signals and Standalone patterns.
Lead Developers & Architects: Responsible for technical direction and minimizing debt in large-scale mono-repos.
Full-Stack Engineers: Needing to optimize client-server interactions and SSR performance.
-
Delegates should have attended our Angular Training Course or have equivalent experience:
Deep familiarity with Angular 14+ (Components, Services, RxJS).
Comfort with advanced TypeScript features and modern ES6+ syntax.
Experience with the Angular CLI and basic Node.js workflows.
-
This advanced Angular course is available for private / custom delivery for your team - as an in-house face-to-face workshop at your location of choice, or as online instructor-led training via MS Teams (or your own preferred platform).
Get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.
-
The Evolution of Angular & Nx
Strategic Adoption: Deciding which features to adopt and when; understanding the stability of the Angular roadmap.
Mono-repos with Nx: Using Nx for large-scale projects and minimizing technical debt across teams.
Signals-Based Angular: Deep dive into how signals now underpin the framework’s architecture and migration strategies.
Performance, Change Detection & Zoneless
Modern Change Detection: Moving to Standalone architecture and exploring the advantages of going Zoneless.
Optimization: Spotting and improving slow computations and utilizing actionable performance metrics from dev tools.
Content Projection: Working with the new architecture, including placeholder and failure content strategies.
Advanced State Management & RxJS Interop
The State Spectrum: Effective use of signals for state vs. the robust power of NgRX.
Handling Side Effects: Managing asynchronous flows and RxJS/Signals interoperability.
Signal Utilities: Exploring the latest community and core utilities for signal-based state.
Security, Routing & UX
Modern Routing: Designing meaningful routes, lazy-loading strategies, and passing data packets efficiently.
Security & Guards: Building secure interactions and managing authentication in the modern framework.
Quality of Service: Implementing NgOptimizedImage and ensuring consistent, high-performance user interactions.
Data Modeling & Reactive Forms
Complex Data: Dealing with large, rapidly changing datasets and optimizing custom class inheritance.
Modern Forms: How signals improve form communication and validation; template-driven vs. reactive in the real world.
Service Optimization: Architecting asynchronous services for optimized GET, POST, and PUT operations.
Client-Server Angular & Testing
SSR & Pre-rendering: Understanding CSR vs. SSR and implementing server-side pre-rendering.
Deferred Content: Mastering @defer and options for deferring heavy UI components.
Testing Lifecycle: Integrating Playwright E2E testing, utilizing traces/inspectors, and professional setup/tear-down patterns.
-
The home of Angular: https://angular.io/
Popular debugging tools - Augury and Angular State Inspector
Trusted by