Highlights
Advanced Angular Course
- In-depth exploration of Angular's core principles
- Best practices for scalable and maintainable architecture
- Frontend Architecture, Inversion of Control in Practice
- Interfaces, Generics, Provider Tokens, Multilevel Injection
- Advanced design patterns and techniques
- Strategic decision-making processes in application development
- Performance optimization methods
- Real-world case studies and problem-solving scenarios
- Hands-on projects to reinforce architectural concepts
- Guidance on integrating Angular with other technologies
Course Details
● Angular Through the Eyes of an Architect
○ Frontend Architecture
○ Inversion of Control in Practice
○ Multilevel Injection
○ Interfaces, Generics, Provider Tokens
○ Maintaining good practices
● Design Patterns in Angular
○ Clean Architecture and Domain Design
○ How Angular Works “Under the Hood”
○ Solving Common Errors
○ Advanced types and Interfaces
● Directive and Component Communication Patterns
○ Compound Components
○ Angular Material in Practice
○ Headless Components and CDK
○ Declarative and Composable Interface
○ Creating a Reusable Component Library
● Standalone Style and Functional Programming
○ Advantages and Disadvantages of the Standalone Approach
○ When to Use ngModule
○ Migrating from modules to Standalone
○ Injection Context
○ Local and Environmental Providers
○ Proper Use of Signals & Common Pitfalls
○ Hooks and Composables in Angular
● Advanced Forms
○ Reusable and Asynchronous Validation
○ Custom Field Types
○ Strongly Typed Forms
○ Dynamic and Complex Forms
○ Advanced Streams - RXJS in Practice
○ Understanding the Observable Model
○ When to Use Unicast vs. Multicast
○ Using Each Type of Operator in Practice
○ Creating, Filtering, Transforming Streams
○ Avoiding Memory Leaks
○ 5 Methods for Managing Subscriptions
○ Async Pipe, Template, and @defer
● Performance and Optimization
○ Change Detection “Under the Hood”
○ OnPush Strategy Pitfalls
○ Immutability and Memoization
○ NgZone in Practice
○ Collection Optimization
○ High-Level Architecture
○ Global State Management
○ Reactive Data Architecture
○ Data Store Pattern
○ NgRX Store / Redux
○ Advanced API - Cache, Retry, SWR
Server Side Rendering and Hydration
○ Angular Fullstack - Patterns and Pitfalls
● Introduction to TDD in Angular
○ Test Configuration and Creation
○ Useful Patterns and Tools
Who should attend
Seasoned Angular Developers looking to take things beyond the basics.
Senior developers, tech leads, architects.
Prior experience with angular is recommended.
Feedback
4.8 out of 5 average
"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"
Brian Leek, Data Analyst, May 2022
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022
