Angular : développer des applications web modernes – certification en option

– Évolutions ECMAScript (ES6 à ES2024) : fonctions fléchées, destructuring, modules, async/await et les apports récents du langage
– TypeScript pour Angular : typage statique, interfaces, classes, génériques et décorateurs pour écrire du code robuste
– Outillage moderne : configuration de l’environnement de développement avec Node.js, Angular CLI et un éditeur de code

– Architecture d’une application Angular : structure de projet, standalone components et rôle de l’Angular CLI basé sur esbuild/Vite
– Composants : décorateur @Component, templates inline et externes, styles encapsulés et cycle de vie
– Syntaxe des templates : interpolation, property binding, event binding et two-way binding
– Control flow moderne : directives @if, @for et @switch pour structurer les vues de manière déclarative
– Directives et pipes : directives d’attributs, directives structurelles personnalisées et pipes de transformation intégrés ou custom

– Programmation réactive : principes fondamentaux, Observables, opérateurs RxJS et gestion de l’asynchronisme
– Signals Angular : signal(), computed() et effect() comme nouvelle API réactive native du framework
– Complémentarité RxJS / Signals : quand utiliser l’un ou l’autre, interopérabilité entre les deux approches
– Mode Zoneless : comprendre Zone.js et l’évolution vers une détection de changements pilotée par les Signals

– Communication entre composants : Input et Output basés sur les Signals pour une communication parent/enfant typée et réactive
– Cycle de vie des composants : hooks et bonnes pratiques pour gérer l’initialisation, les mises à jour et la destruction
– Injection de dépendances : fonction inject(), hiérarchie des injecteurs et providers dans un contexte standalone
– Services Angular : création, portée d’injection et intégration optimisée avec les standalone components

– Reactive Forms : FormControl, FormGroup et FormBuilder pour construire des formulaires dynamiques
– Formulaires typés : exploitation du typage fort introduit dans les versions récentes d’Angular (TypedFormGroup, FormControl typé)
– Validation : validators natifs, validators personnalisés synchrones et asynchrones, gestion des erreurs et affichage dynamique
– Template-driven vs Reactive : critères de choix selon le contexte du projet

– Router Angular : configuration avec provideRouter(), définition des routes, navigation par routerLink et paramètres dynamiques
– Chargement différé : lazy loading de composants standalone avec loadComponent() pour optimiser le bundle initial
– Guards et resolvers : protection de routes et pré-chargement de données avant navigation
– HttpClient : requêtes HTTP (GET, POST, PUT, DELETE) avec provideHttpClient(), interceptors pour la gestion transversale (authentification, logs, erreurs)
– Consommation d’API REST : communication avec un backend, gestion des réponses et traitement des erreurs

– Écosystème de test Angular : passage de Karma (deprecated) à Vitest comme runner de tests moderne
– Tests de composants : configuration de TestBed, rendu de composants et assertions sur le DOM
– Tests de services : injection de dépendances dans les tests, mocking de HttpClient
– Couverture de code : mesure et interprétation de la couverture pour guider l’effort de test

– Build de production : commandes de build Angular CLI, optimisations automatiques (tree-shaking, minification, esbuild)
– Variables d’environnement : gestion de la configuration par environnement (développement, staging, production)
– Introduction au SSR : Server-Side Rendering et hydration progressive pour améliorer le temps de chargement initial
– Accessibilité et performance : bonnes pratiques A11y, audit avec Angular DevTools, directives @defer pour le chargement différé de contenu