À l'issue de la formation, vous serez capable de :
- Maîtriser les fondamentaux : Comprendre l'architecture globale, les concepts clés d'Angular et assimiler ses dernières évolutions majeures (Signals, Standalone Components).
- Concevoir des applications : Développer une application web dynamique et performante en exploitant la puissance du typage de TypeScript.
- Industrialiser le code : Créer des composants réutilisables, modulaires et faciles à maintenir en respectant l'architecture logicielle du framework.
- Exploiter les API natives : Manipuler avec aisance les API d'Angular pour gérer les formulaires complexes (Reactive Forms), l'injection de dépendances et le routage applicatif.
- Gérer l'asynchronisme : Maîtriser les flux de données asynchrones et la programmation réactive grâce à la bibliothèque RxJS.
- Sécuriser et fiabiliser : Mettre en œuvre les bonnes pratiques de sécurité (XSS, guards) et valider la robustesse de votre code par des tests unitaires.
Jour 1 : Écosystème, TypeScript & Prise en main CLI
- SPA : Révolution des Single Page Applications. Comparaison (Angular, React, Vue) et de JavaScript à TypeScript.
- Outillage : Commandes de scaffolding via Angular CLI, structure du workspace et extensions IDE indispensables.
- Pratique : Création d'une SPA en JS natif (mécanique du DOM) puis initialisation d'un projet Angular complet.
Jour 2 : Composants Standalone, Syntaxe & Routage
- Architecture : Maîtrise des Standalone Components (sans NgModule) et initiation à la réactivité avec les Signals.
- Templates : Flux natif (@if, @for) face aux anciennes directives (*ngIf, *ngFor).
- Flux : Liaisons de données (Data Binding), communication inter-composants (@Input/@Output) et usage des Pipes.
- Routage : Configuration des routes, gestion des paramètres et chargement différé (*Lazy Loading*).
- Pratique : Intégration d'Angular Material et découpage d'une application selon un diagramme UML.
Jour 3 : Formulaires, API REST, Tests & Industrialisation
- Formulaires : Différences et usages des Template-driven vs Reactive Forms (validation synchrone/asynchrone).
- Services & RxJS : Injection de dépendances et gestion des flux asynchrones (Observables et opérateurs de transformation).
- HTTP Client : Consommation d'API REST distantes et création d'intercepteurs.
- Tests & Qualité : Écriture de tests unitaires (Composants, Services) avec Jasmine/Karma via le TestBed.
- Documentation : Maintenance, mise à jour (ng update) et génération de documentation technique avec Compodoc.
Attestation de formation
Non certificiante
Sans niveau spécifique
