IntroductionLearn about advanced Angular patterns and enterprise-scale architecture in three training days.
Detailed descriptionYou’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.
PrerequisitesYou should have completed OpenValue’s Angular Basics training or have equivalent experience with Angular development including components, services, routing, and basic RxJS concepts.
Target audienceDesigned 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 goalsYou’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 coveredDive 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 outlineDay 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