Florian Pasteur

Advanced Angular Concepts

3 Days

Online or on-site

This 3-day training is meant to provide experienced Angular developers with advanced features and tools to bring their applications to the next level. Through a set of exercises, pair programming, and live coding demos, participants will dive into advanced components including @ContentChild, ngAfterContentInit, @ViewChildren, and QueryLists and InjectionToken amongst others.

This course is designed for experienced Angular developers. You will lean about advanced features and tools to bring your applications to the next level.

Description

Required skills: Experience writing JavaScript applications, basic TypeScript knowledge

What will I learn

Advanced Templating

@ContentChild and ngAfterContentInit lifecycle method
@ContentChildren and QueryLists
@ViewChild and ngAfterViewInit lifecycle method
@ViewChildren and QueryLists
@ViewChild and template #refs
ElementRef and nativeElement & Renderer
Zone and ngZone#

Advance Modularity of Angular

Introduction to Dynamic Components
Dependency Injection and Zones
InjectionToken
useValue vs useClass vs useFactory
NgModule Lazy loading

State Management

In-depth intro to RxJS
Managing state with @ngrx and @ngrx/effects
Why and when do you need to use NgRx Effects

Testing

Unit testing in Angular
End to End testing
Unit Test of yourAppState (NgRx reducers and selectors)
Unit Test your streams (RxJs and NgRx Effects)

E2E testing with Protractor/Cypress
Advanced Architecture with Angular
Breaking your app into modules
Introduction to Nrwl Extensions for Angular

‍

Save up to 40%

Hackages is recognized by the KMO Portefeuille of the Flemish Government. Flemish Small and medium enterprises can recover up to 40% of training costs directly if they book training from Hackages.