Formation Angular Avancé

Lazy Loading

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

CHANGE DETECTION : DATABINDING OPTIMIZATION

• Optimisation de performance dans le cas du Data-binding, détection de changement
• OnPush
• Mode manuel : ChangeDetectorRef
• zone.js et NgZone
  • runOutside, run
• trackBy pour *ngFor

Route guards & resolve

• Les différents types de Guards
• CanActivate, CanActivateChild : protéger une route
• CanDeactivate : sécuriser la sortie
• Pre-fetching avec resolve

Animations

• États et transitions
• Animations avec le routeur

Material avancé

• Étude et mise en oeuvre de quelques composants
• Nouveautés Angular 8 & 7
• Création de vos propres librairies Material à l’aide du CDK
• Material & CDK

Composants et Directives avancés

• Comprendre les cycles de vie
• Composant avec projection de contenu (ng-content)
• HostBinding / HostListener
• ViewChild / ContentChild

Techniques de manipulation du DOM avancées

RxJS avancé

• Rxjs 6 : nouveautés et breaking changes (pipeable operators), compatibility package
• Multicast observables – behavior, replay ou async subjects
• Operators:  instance VS static, categories
• Créer son propre opérateur
• Composition d’opérateurs : pipeable operators, pure / impure operator pipes
• WebSocket : utilisation du built-in WebsocketSubject

Internationalisation

• Internationalization : i18n marker
• Gestion des textes à traduire
• Gestion du pluriel

@ngrx/store

• Concept : immutable data store
• Reducers & Actions

Les Tests

• Tests unitaires
  • Jasmine & Karma
  • Tester un composant
  • Tester un service
• Wiremock
• Tests fonctionnels (E2E)
  • Pourquoi du E2E ?
  • Protractor
  • Écrire des tests
  • Lancer les tests

Server-side Rendering : Angular Universal

• ServerModule
• Moteur back-end (Node.js et autres) : @nguniversal/express-engine

Astuces

• Intégration continue
• La mise en production
• Bootstrap 4