Angular Advanced

The "Angular Advanced" course is designed for developers who have a foundational understanding of Angular and are looking to deepen their expertise in the framework. Building on the "Angular Fundamentals" course, this advanced training dives into complex topics to enhance your development efficiency and code quality.

Participants will start by mastering the creation of custom directives, including structural directives, to extend the capabilities of their Angular applications. The course will then explore the assembly and integration of libraries, ensuring you can modularize and reuse code effectively.

Advanced routing techniques, including lazy loading, data resolvers, and nested routing, will be covered to optimize application navigation. The intricacies of dependency injection and provider hierarchies will also be discussed, giving you a robust understanding of Angular's service architecture.

You'll dive into advanced RxJS techniques for reactive programming, learn to build and validate dynamic forms, and implement secure authentication using JWT tokens and HTTP interceptors. The course will also cover comprehensive testing strategies, change detection optimization, and state management with NgRX, empowering you to build, test, and maintain high-performance Angular applications.

Attention will also be paid to unit testing with Jasmine, plus E2E testing with Cypress. By the end of this course, you'll have the tools and knowledge to tackle complex Angular projects with confidence and precision.

Master Custom Directives:

• Develop advanced skills in creating custom and structural directives to extend Angular's capabilities.

Library Creation and Integration:

• Learn to assemble and integrate reusable libraries into Angular applications, enhancing modularity and code reusability.

Advanced Routing Techniques:

• Implement complex routing strategies, including lazy-loaded modules, data resolvers, and nested routing, to optimize application navigation.

Deepen Understanding of Dependency Injection:

• Explore the provider hierarchy in Angular, including service, component, and module providers, to manage dependencies effectively.

Advanced Reactive Programming with RxJS:

• Master advanced RxJS operators and techniques to build efficient reactive applications and manage asynchronous events.

Advanced Form Handling:

• Develop dynamic forms, implement custom validation, and use reactive services for efficient data exchange in forms.

Implement Secure Authentication:

• Utilize JWT tokens and HTTP interceptors for secure authentication and error handling and learn to mock HTTP requests for testing.

Comprehensive Testing:

• Gain expertise in testing Angular applications using frameworks like Jasmine and Cypress, including unit tests, mock services, and end-to-end testing.

Optimize Change Detection:

• Learn techniques for optimizing Angular’s change detection, including manual change detection and the OnPush strategy.

State Management with NgRX:

Implement state management using NgRX and Redux patterns, including time-travel debugging, to manage application state effectively.

• 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