1

Rappel sur le fonctionnement d'Angular

• Introduction au cli Nx.
• Architecture applicative.
• Component-level Lazy Loading.
• Automatiser la documentation.
• Data Binding, mode manuel : ChangeDetectorRef.

2

Fonctionnement interne d'Angular

• ZoneJS : le concept.
• Optimisation des cycles de rendu, exécution hors ZoneJS.
• Choisir RxJS.
• Utilisation des observables.
• Route guards et Resolve.
• CanActivate, CanActivateChild : protéger une route.
• Pre-fetching avec resolve.

3

Les Signaux

• Présentation de l'API des signaux, définition, lecture et écriture
• Les signaux en lecture seule.
• Lien avec le monde des observables.
• Les signaux calculés.
• Les effets.

4

Angular Standalone

• Pourquoi cette nouveauté ?
• Mise en place d’un component standalone.
• Une nouvelle architecture sans module.
• Passage d’une architecture modulaire à un 100% standalone.

5

Internationalisation

• Internationalisation : i18n marker.
• Gestion des textes à traduire.
• Gestion du pluriel.

6

Formulaire dynamique : le FormBuilder

• Création de formulaire dynamique : ReactiveFormsModule.
• FormControl et FormGroup, AbstractControl, FormArray.
• Validation et gestion d'erreur personnalisée.
• Création de modèles de données.
• Utilisation du FormBuilder.
• Création dynamique de template.
• Abstraction de composant métier de formulaire.

7

Tests unitaires. Bonnes pratiques et outils.

• Karma et Jasmine.
• Tests d'intégration avec Protractor.
• Le Code-Coverage.
• Behaviour driven development, Test driven development.
• Cas de test : pipe, component, service, etc.

8

Server Side rendering : Angular Universal

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