Angular 15 Advanced

• Familiarity with Angular 15, HTML, CSS, and JavaScript

Audience

• Developers
• Programmers

Angular is a popular JavaScript framework for building web applications.

This instructor-led, live training (online or onsite) is aimed at experienced developers and programmers who wish to take their Angular 15 skills to the next level and leverage the advanced features of Angular 15 to build, test, and deploy high-performance web applications.

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

• Use advanced techniques for building Angular 15 applications.
• Understand best practices for scaling and maintaining large-scale Angular 15 applications.
• Develop performant applications using advanced features of Angular 15.
• Troubleshoot and optimize Angular 15 applications.
• Learn about advanced topics such as server-side rendering, lazy loading, and more.

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

• Overview of advanced Angular 15 topics
• Review of Angular 15 fundamentals

Advanced Component Techniques

• Advanced component architecture patterns
• Using advanced component lifecycle hooks
• Creating dynamic components
• Using Angular Elements to create web components

Advanced Directive Techniques

• Creating custom structural directives
• Implementing advanced directive composition
• Using the ngTemplateOutlet directive
• Implementing advanced animations

Advanced RxJS Techniques

• Advanced RxJS concepts
• Using RxJS to implement complex user interfaces
• Reactive programming with Angular 15
• Reactive forms with RxJS

Advanced Change Detection Techniques

• Advanced change detection concepts
• Implementing onPush change detection strategy
• Using the IterableDiffers API
• Optimizing change detection performance

Advanced Routing Techniques

• Using lazy loading to improve application performance
• Using preloading strategies to improve user experience
• Implementing server-side rendering with Angular Universal
• Implementing a custom router outlet

Advanced Testing Techniques

• Writing comprehensive tests with high code coverage
• Using mocks and spies in tests
• Using advanced testing frameworks for Angular 15
• Debugging complex tests

Advanced Debugging Techniques

• Using the Angular DevTools
• Debugging Angular 15 applications using the browser's DevTools
• Troubleshooting common issues in Angular 15 applications
• Using advanced debugging techniques for performance optimization

Advanced Performance Techniques

• Advanced performance optimization techniques for Angular 15
• Implementing change detection on push
• Implementing lazy loading for optimal performance
• Optimizing network requests using Angular's HttpInterceptor
• Server-side rendering for improved performance

Summary and Next Steps