Florian Pasteur

Advanced Angular Concepts

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 training is meant to provide experienced Angular developers with advanced features and tools to bring their applications to the next level.
capgemini
RTL
IPM
societe génerale

Description

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.

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

Florian Pasteur

Florian Pasteur

Senior software engineer

Remote or On-site

You can decide whether you prefer a remote or on-site classroom experience. You are welcome to join us live at our office, following COVID-19 guidelines, or join us via Zoom link for a visual encounter.

Advanced Angular Concepts
Advanced Angular Concepts

Customized for your team

Let’s talk! What are the needs and goals for your team? Discuss what you need to get out of the course for a customized workshop experience.

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.

KMO portefeuille
Hackages training

Plan a training now

Contact our Sales team to plan a private training for your team.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

More trainings