Formation Développer des applications web robustes avec Angular 18 et versions antérieures

01.Introduction à Angular et Installation de l'Environnement

• —Historique et concepts clés d'Angular
• —Configuration de l'environnement de développement (Node.js, npm, Angular CLI)
• —Création et exécution d'une première application Angular
• —Structure d'un projet Angular

02.Bases de TypeScript pour Angular

• —Types de données et variables en TypeScript
• —Fonctions, classes et interfaces
• —Modules et import/export
• —Décorateurs et leur utilisation

03.Composants Angular : Principes Fondamentaux

• —Définition et rôle des composants
• —Template, style et logique du composant
• —Data binding : interpolation, property binding, event binding
• —Passage de données @Input et @Output

04.Directives Structurelles et Attributs

• —ngIf, ngFor, ngSwitch pour la manipulation du DOM
• —Directives d'attributs : ngClass, ngStyle
• —Création de directives personnalisées
• —Bonnes pratiques d'utilisation des directives

05.Services et Injection de Dépendances

06.Routage Avancé dans Angular

07.Formulaires Réactifs et Basés sur les Templates

• —Création de formulaires avec FormsModule et ReactiveFormsModule
• —Validation de formulaires : built-in et personnalisée
• —Gestion des états des contrôles (touched, dirty, valid)
• —Soumission et réinitialisation de formulaires

08.Communication HTTP avec Angular HttpClient

• —Requêtes GET, POST, PUT, DELETE
• —Gestion des erreurs et chargement de données asynchrones
• —Intersection Observers et API RESTful
• —Utilisation d'interceptors

09.Observables avec RxJS

• —Introduction aux Observables et Observers
• —Opérateurs RxJS courants (map, filter, debounceTime)
• —Gestion des flux de données asynchrones
• —Souscription et désinscription pour éviter les fuites de mémoire

10.Gestion d'État et Pattern de Design

• —Présentation de la gestion d'état et ses enjeux
• —Introduction à NgRx (concepts Store, Actions, Reducers, Effects, Selectors)
• —Mise en place d'un store simple avec NgRx
• —Alternatives à NgRx (Akita, NGXS)

11.Tests Unitaire et d'Intégration

• —Outils de test : Karma et Jasmine
• —Tests unitaires de composants, services et pipes
• —Tests d'intégration et end-to-end (introduction à Protractor/Cypress)
• —Couverture de code et bonnes pratiques de test

12.Optimisation et Déploiement d'Applications Angular

• —Optimisation des performances (tree-shaking, AOT)
• —Bonnes pratiques de sécurité
• —Déploiement d'une application Angular (serveurs web, Firebase)
• —Mise à jour de versions d'Angular (ng update)