Angular Advanced

Introduction
Learn about advanced Angular patterns and enterprise-scale architecture in three training days.

Detailed description

You’ve learned Angular basics. Now it’s time to level up. This intensive three-day advanced training is designed for developers ready to tackle complex projects and build enterprise-scale applications with confidence. Led by Rachèl Heimbach, who brings years of experience building large-scale Angular applications, you’ll master the advanced patterns and techniques that separate capable Angular developers from true experts. By the end of this training, you’ll be equipped to independently set up and maintain complex Angular applications, making you prepared to tackle any challenge in modern web development.

You’ll dive deep into Angular architecture, master state management with NgRx, work with advanced RxJS patterns, and learn to build custom directives. You’ll explore micro frontends, understand change detection optimization, and discover how to structure applications for maximum maintainability. This training covers everything from complex routing scenarios to performance optimization strategies used in production applications serving thousands of users. This isn’t just theory. Every concept is demonstrated through practical examples and real-world use cases. Walk out ready to architect and lead complex Angular projects with the confidence that comes from truly understanding the framework at a deep level.

Prerequisites
You should have completed OpenValue’s Angular Basics training or have equivalent experience with Angular development including components, services, routing, and basic RxJS concepts.

Target audience
Designed for Angular developers who want to master advanced patterns, state management, and enterprise-scale architecture. Ideal for developers working on complex applications or those preparing to lead Angular projects.

Learning goals

You’ll gain advanced expertise:

• Deep understanding of Angular architecture patterns
• State management with NgRx and data normalization
• Advanced RxJS operators and patterns
• Custom directives implementation
• Micro frontends architecture and integration
• Advanced routing and lifecycle management
• Complex component communication strategies
• Performance optimization and change detection
• Enterprise best practices for scalable applications

Topics covered

Dive deep into enterprise Angular development:

• Angular Architecture: Deep dive into the underlying architecture of Angular and how to effectively manage complex applications
• State Management with NgRx & Data Normalization: Learn to implement and manage state with NgRx, ensuring scalable and maintainable data flows
• Advanced RxJS: Master advanced reactive programming techniques with RxJS to handle complex asynchronous data streams
• Directives: Understand and implement custom directives to extend HTML functionality in your Angular applications
• Frontend as a Separate Deployable Unit: Explore the concept of frontend independence and how to deploy it as a separate unit
• Micro Frontends & Integration: Learn how to integrate micro frontends into your Angular applications, making your architecture more modular and scalable
• Angular Best Practices: Gain insights into industry best practices for building efficient, maintainable, and scalable Angular applications
• Change Detection: Master Angular’s change detection mechanisms to optimize application performance
• Routing Lifecycle & Complex Routing: Delve into the routing lifecycle and manage complex routing scenarios in your applications
• Dependency Injection: Advanced use of Angular’s dependency injection system, including providers and injection tokens
• Writing Complex Components: Learn to build and manage complex, reusable components within your applications
• Component Communication: Efficient strategies for communication between components, enhancing application modularity
• Modules: Structuring and organizing Angular applications using modules for better maintainability
• Handling & Caching Data: Techniques for efficiently handling large datasets and caching strategies to improve performance

Training outline

Day 1 (8 hours):

• Advanced Angular architecture patterns
• State management with NgRx
• Advanced RxJS operators and patterns
• Custom directives and advanced component patterns

Day 2 (8 hours):

• Micro frontends architecture
• Advanced routing and guards
• Dependency injection deep dive
• Performance optimization and change detection

Day 3 (8 hours):

• Complex component communication
• Data handling and caching strategies
• Testing advanced Angular applications
• Best practices and real-world patterns

Course format
This is an in-person classroom training that can be delivered at an OpenValue office or as an in-company training.

Certification
Participants receive a certificate of completion upon finishing the training.

Next steps
For more information about expanding your knowledge past this course, check out our entire training portfolio at www.openvalue.training or in your learning management system. Contact us at training@openvalue.nl for personal learning advice or customized on-demand training and just contact your OpenValue trainer during the training course.

Provided training material
Learning material with slides and exercises will be available for the participants.

About the trainer
Rachel Heimbach is an experienced frontend developer and trainer specializing in Angular and modern web development. With years of experience building enterprise-scale applications, Rachel brings practical insights and real-world examples to every training session.

Note: This training can be given in Dutch or English at one of the OpenValue offices (Utrecht, Amsterdam, Rotterdam, Arnhem, Munich, Dusseldorf, Vienna, Zurich) or at your own location. Please contact us to discuss possibilities for a remote training and for training in German.