Angular 12 Advanced

• Experience with building Angular 12 applications

Audience

• Developers who have experience building Angular 12 applications

Angular is a popular JavaScript framework for building web applications. Angular 12 comes with advanced features such as performance improvements, language services, the new Ivy compiler, form validation, and more. 

This instructor-led, live training (online or onsite) is aimed at developers who wish to dive deep into the advanced features of Angular 12, including custom components, directives, advanced data binding, lazy loading, and more.

By the end of this training, participants will be able to:

• Develop Angular 12 applications using advanced techniques and concepts.
• Implement custom components and directives.
• Explore advanced data binding techniques.
• Implement lazy loading and dynamic imports.
• Optimize the performance of an Angular 12 application.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Introduction

• What's new in Angular 12?

Advanced Component Techniques

• Advanced Component Patterns
• Dynamic Components
• Content Projection
• View Container Refs
• Change Detection
• Custom Events

Advanced Directives Techniques

• Advanced Directive Patterns
• Advanced Host Binding
• Advanced Host Listeners
• Advanced Structural Directives
• Directives as Services

Advanced Data Binding Techniques

• Pure and Impure Pipes
• Change Detection Strategies
• Zone-Less Change Detection
• Observables and Operators
• RxJS Streams

Lazy Loading and Dynamic Imports

• Lazy Loading Routes
• Lazy Loading Components
• Module Federation

Optimizing Angular 12 Performance

• Performance Best Practices
• Using Web Workers for Parallelism
• Using Zone.js for profiling
• Preloading Modules
• Tree-Shaking and Code Splitting

Advanced Forms

• Reactive Forms
• FormBuilder
• Custom Validators

Testing Angular 12 Applications

• Advanced Testing Techniques
• Unit Testing Advanced Components and Directives
• Testing Dynamic Components
• Testing Forms
• Integration Testing

Advanced Debugging Techniques

• Advanced Debugging Concepts
• Using Augury for Debugging
• Debugging with VS Code
• Tracing and Profiling

Advanced Security Features

• Security Best Practices
• Using OAuth2 Authentication
• Protecting Routes and Resources

Advanced Angular 12 Deployment

• Deploying with Docker
• Deploying with Kubernetes
• Continuous Integration and Deployment

Angular 12 Best Practices

• Best Practices for Building Maintainable Angular 12 Applications

Troubleshooting

Summary and Next Steps