Angular : Concevoir et structurer des front?ends professionnels

Objectifs

À 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.

Programme de la formation

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.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique