Advanced Angular Training
Advanced Angular Training
Durată: 3 zile
Certificare: Diploma de participare
Prezentarea cursului
Advanced Angular Training for tech specialists.
Ce subiecte abordează cursul
1. Angular Essentials
Semantic versioning and release schedule
Angular CLI
Environments config
CLI: ng update, ng add and schematics
2. Modules and Build Process
Modules and ngModule
Module architecture: Feature modules
Module architecture: Shared module
Angular builds: AOT vs JIT – What to use for production
Build modes and environments
3. Components
What are components?
Template and expressions
Passing data to a component with @Input()
Practicing with Angular CLI
Component architecture best practices
4. Data Bindings
One-way data bindings
Expressions
Two-way data bindings with ngModel
Template syntax
Template reference variables
5. Directives
What are directives for?
Different kinds of directives
ngFor
ngIf
ngSwitch
ngClass and ngStyle
How to create a custom directive?
Data bindings in directives
6. Pipes
What are pipes for?
Pure and Impure pipes
How to create our own pipes?
7. Services and Dependency Injection
Purpose of services
Dependency injection in Angular
Injector Tree
Decorators for dependency injection: @Optional(), @Host(), @Self()
How to create a service?
8. HTTP Client and Asynchronous Data
How to use the HTTP client?
What is a promise?
Introduction to RxJS
What is an Observable?
Writing our own Observable or Promise
RxJs operators
Examples of RxJs operators: max, merge, filter
Async pipe
Http Interceptor
Websockets in Angular
9. Component Communication and Lifecycle
How do components share data?
Strategies for component communication
@ViewChild() decorator
Introduction to the component lifecycle
Lifecycle hooks
Change detection strategies for performance optimization
10. Component Router
What is the component router?
Example of the component router in action
Child routes and route parameters
Guards for authentication and user rights
Lazy-loading with feature modules
11. Forms
How to handle forms with Angular?
Properties provided by Angular to validate forms
Template-driven forms and reactive forms
Form validation and submission
Custom form validator
12. Advanced Projects and Tools
Angular service workers & PWA
Angular Elements (Web Components)
Ivy renderer
Angular Material
Angular Universal or how to pre-compile on the server
Schematics
Angular Augury: Debugging Angular apps in Google Chrome
13. Testing Angular Applications
How to test Angular applications?
Karma and Jasmine
End to end tests with Protractor
Angular Test Bed
Mocking and stubbing with Jasmine and Angular
14. Security in Angular
How to prevent Cross-site Scripting attacks (XSS)
Best practices and things to avoid
Trusting values with the DOMSanitizer
Prevent HTTP attacks
Security audits of Angular applications
15. State Management and Redux
What is state management?
Redux: Core concepts and principles
Redux Store
NgRx: Redux for Angular
NgRx: Reducer, Store, Actions and Effects
16. Resources and Best Practices
How to include external libraries
How to use angular.io (cheatsheet, etc.)
Style guide and best practices
Official Angular blog
01EM
