Angular Advanced

The Advanced Angular Course is designed for developers who already have a solid foundation in Angular and want to master its most powerful features to build scalable, high-performance applications. This course delves into state management with NgRX, reactive programming with RxJS, advanced dependency injection, dynamic forms, authentication, change detection, and optimization techniques. Through hands-on learning and real-world scenarios, participants will develop maintainable, modular, and efficient Angular applications.

Participants will begin by exploring Angular’s architecture in depth, learning how to create custom directives, optimize dependency injection, and apply modular design principles for building scalable applications. The course then covers advanced routing strategies, including lazy loading, route guards, resolvers, and named outlets, ensuring seamless navigation and enhanced security. Developers will also work with dynamic component loading and NgRX state management, allowing them to structure and maintain complex application data flows.

A dedicated module introduces RxJS, helping participants master asynchronous programming, event-driven architectures, and observable patterns. They will learn how to efficiently handle streams, prevent memory leaks, and optimize data flows. Additionally, they will explore Reactive Forms, mastering dynamic validation, form state management, and custom validators to create interactive and user-friendly forms.

Security and performance optimization are key focuses of this course. Participants will learn how to implement JWT authentication, HTTP interceptors for securing API requests, and best practices for handling user sessions. The course also offers a deep dive into Angular’s change detection mechanisms, teaching how to optimize rendering with OnPush strategy, trackBy, and manual change detection techniques to ensure high performance.

Ensuring application reliability is essential, and this course covers comprehensive testing strategies. Participants will gain experience in unit testing with Jasmine & Karma, component testing with TestBed, and end-to-end testing with Cypress, enabling them to write high-quality, maintainable code.

By the end of this course, participants will not only understand Angular’s advanced features but will also know how to apply them in large-scale, real-world applications. With a strong grasp of state management, reactive programming, dependency injection, and security, developers will be well-prepared to build scalable, efficient, and maintainable enterprise applications.

This course bridges theory and practice, offering a structured approach to mastering Angular’s most critical concepts. Participants will leave with the confidence and skills to build modern, high-performance applications and leverage Angular’s full potential in professional projects. Whether working on large-scale enterprise applications or optimizing existing codebases, this course ensures a deep, practical understanding of Angular at an advanced level.

Upon completion of the course, students will be able to:

• Build scalable Angular applications using modular architecture and lazy loading.
• Develop and integrate custom directives, pipes, and shared libraries.
• Efficiently manage application state using NgRX with actions, reducers, and selectors.
• Utilize RxJS and reactive programming to handle asynchronous data streams.
• Implement advanced routing techniques, including guards, resolvers, and dynamic navigation.
• Create and validate dynamic forms using Reactive Forms and custom validators.
• Secure applications with JWT authentication and HTTP interceptors.
• Optimize change detection and rendering performance using best practices.
• Write unit tests, component tests, and end-to-end tests for robust applications.
• Apply best practices for maintainability, scalability, and performance optimization in enterprise Angular development.

• Creating directives (6 h). Directives, creating directives, structural directives
• Creating libraries (2 h). Types of JS modules Library assembly. Library assembly for Angular
• Routing Advanced (3h). Lazy loaded modules, data resolvers, children routing, outlets
• Dependency Injection, provider hierarchy (4 h). Providers for Services, Components, Modules. Providers hierarchy
• Reactive programming (RxJS) advanced (3 h). RxJS operators and their utilization. Event loop and RxJS.
• Forms (3 h). Custom form validation. Dynamic forms. Reactive forms. Using reactive services. Data exchange in reactive forms
• Authorization with JWT tokens, HTTP Interceptors (2 h). Authentication and authorization. Benefits of JWT. HTTP Interceptors for setting JWT token, error handling. Mocking HTTP requests with interceptors for testing.
• Testing in Angular (3 h). Frameworks and libraries for components testing (based on Jasmine). Mocking services. Unit tests, test-bed tests. E2E testing with Cypress
• Change detection. Optimization of Angular application. (2 h). Zone.JS, NgZone. Detaching change detection, manual change detection. OnPush strategy
• Managing application state with NgRX (2 h). State Management with Redux (ngrx). Time-Travel debugging