null

Développement Front-End

Angular avancé

Objectif

Cette formation vous permettra de devenir expert Angular, vous apprendrez les concepts avancés d’Angular et découvrirez l’étendue de son écosystème
Elle vous donnera également toutes les astuces pour augmenter les performances de votre site web

Durée : 2 jours (14 heures)

Dates :
-23/01/23
-06/03/23
-04/09/23
-20/11/23
-18/12/23

Avoir des connaissances de base du Framework Angular

Programme de la formation

Injection de dépendances

  • Principes de l’injection de dépendances
  • Injection hiérarchique
  • Inject anything : InjectionToken

Zones

  • Principes de fonctionnement
  • Utilisation dans Angular
  • Change detection strategies
  • Principe et utilité
  • État de la vue (component)
  • Propagation du changement

Lazy Loading

  • Améliorer les performances de démarrage
  • Route integration : loadChildren, children
  • Preloading
  • Modules partagés

Optimisation des performances

  • Component-level Lazy Loading
  • Data Binding, mode manuel : ChangeDetectorRef
  • trackBy pour *ngFor
  • Budgets
  • Gestion des souscriptions RxJ

Routage avancé

  • Configuration du routage et modules de routage
  • Stratégies de routage
  • Route Guards

Internationalisation i18n

  • i18n marker
  • Singulier / pluriel & select
  • ng-xi18n

NgRx (Workflow Redux)

  • Mise en place de Redux dans une application Angular avec la plateforme @ngrx
  • Gestion de l’état applicatif (store)
  • Debugging avec @ngrx/store-devtools
  • Création d’actions asynchrones avec @ngrx/effects

Reactive Form

  • FormControl et FormGroup
  • Contrôles personnalisés (ControlValueAccessor)
  • Validateurs personnalisés et validateurs asynchrones

Les Test

  • L'infrastructure de test : Jasmine, Karma et Protactor
  • Tests de composants
  • Tests et injection de dépendances
  • Tests et routage
  • Tests et code asynchrone
  • Tests et appels Http
Menu