Introduction à Angular
Publié le 29 juin 2026
Construisez une application web complète avec Angular : composants, services, routing et formulaires. Projet fil rouge : gestionnaire de recettes.
À propos de ce cours
Ce cours est l’aboutissement du parcours frontend. Vous allez découvrir Angular, le framework développé et maintenu par Google, et construire pas à pas une véritable application web : un gestionnaire de recettes avec création, modification, suppression et navigation entre les pages.
À la fin de ce cours, vous serez capable de créer une application Angular de zéro, de l’organiser correctement et d’en comprendre les mécanismes fondamentaux.
Objectifs pédagogiques
- Comprendre l’architecture d’une application Angular (composants, services, modules)
- Créer des composants réutilisables avec des entrées et des sorties
- Utiliser les directives de contrôle
@ifet@for - Gérer l’état et la logique métier dans des services injectables
- Naviguer entre les pages avec le Router Angular
- Construire des formulaires réactifs avec validation
- Appeler une API REST avec
HttpClient
Prérequis
- Cours HTML & CSS (ou équivalent)
- Cours JavaScript & TypeScript (obligatoire)
- Node.js installé sur votre machine
Durée estimée
12 à 15 heures selon votre rythme.
Structure du cours
| # | Chapitre | Durée estimée |
|---|---|---|
| 01 | Introduction et CLI | ~1h |
| 02 | Composants | ~2h |
| 03 | Directives et binding | ~2h |
| 04 | Services et injection de dépendances | ~1h30 |
| 05 | Routing et navigation | ~1h30 |
| 06 | Formulaires réactifs | ~2h |
| 07 | HTTP et API | ~2h |
| 08 | Projet final | ~2h |
Projet fil rouge : Gestionnaire de recettes
Tout au long du cours, vous construirez un gestionnaire de recettes complet :
- Liste des recettes avec recherche et filtrage
- Page de détail d’une recette
- Formulaire pour créer et modifier une recette
- Suppression avec confirmation
- Données persistées via un serveur mock (
json-server)
La maquette de référence est la page statique que vous avez créée dans le cours HTML & CSS.