Angular Advanced
Angular Advanced
Duration
30 hours
Location
Online
Language
English
Code
WEB-022
€ 800 *
Training for 7-8 or more people? Customize trainings for your specific needs
Description
This course is intended for developers who already have experience in using Angular. It focuses on advanced topics which will enable you to increase the efficiency of development and improve the quality of code, making it more effective and extensible.The course deals with such topics as developing libraries for Angular, creating custom directives, provider hierarchy and dependency injection, dynamic / reactive forms and their validation, authorization with JWT tokens, managing a complex application state with Redux (NgRx) and time-travel debugging, and advance router capabilities. Attention will also be paid to unit testing with Jasmine, plus E2E testing with Cypress.
After completing the course, a certificate
is issued on the Luxoft Training form
is issued on the Luxoft Training form
Objectives
Upon completion of the course, students will be able to:
· More efficiently use the already known Angular modules
· Build external libraries
· Increase the efficiency of application testing and debugging
· Use advanced features, including optimization
· More efficiently use the already known Angular modules
· Build external libraries
· Increase the efficiency of application testing and debugging
· Use advanced features, including optimization
Target Audience
Web developers
Prerequisites
Experience in web development (0.5 – 2 years)
Experience in Angular and TypeScript development, or completed course WEB-021 Angular
Experience in Angular and TypeScript development, or completed course WEB-021 Angular
Roadmap
· 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 debuggin·
· 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 debuggin·
Schedule and prices
View:
Register for the next course
Registering in advance ensures you have priority. We will notify you when we schedule the next course on this topic
Courses you may be interested in
Angular Development
The Angular 9 framework has been completely redesigned to meet the current web-development requirements. Now the framework is written not in JavaScript, but TypeScript language - typed and more convenient for the development of large applications.
