Le Développeur Angular Complet : de Zéro à Héros
Le Développeur Angular Complet : de Zéro à Héros
Bienvenue dans le cours de développement Angular ultime, conçu pour les débutants souhaitant maîtriser le framework et bâtir des Single Page Applications (SPA) robustes et évolutives. Ce parcours complet de 80 leçons débute par les prérequis fondamentaux comme TypeScript et la configuration de l'environnement, progresse rapidement à travers les concepts clés tels que les Components, les Services et le Data Binding, pour culminer avec des sujets avancés comme RxJS, les Reactive Forms, la gestion d'état (Introduction à NgRx), les tests et le déploiement en production. À la fin de ce cours, vous comprendrez non seulement l'architecture d'Angular, mais vous posséderez également les compétences pratiques nécessaires pour concevoir et livrer des solutions front-end de qualité professionnelle.
Leçons
- Introduction à Angular et aux SPAs
- Essentiels de TypeScript : Types et Interfaces
- Essentiels de TypeScript : Classes et Décorateurs
- Configuration de l'environnement de développement (Node, NPM, CLI)
- Création et exécution de la première application Angular
- Comprendre l'espace de travail et la structure des fichiers Angular
- NgModules : Les briques de construction
- Plongée au cœur des composants
- Hooks du cycle de vie des composants (OnInit, OnDestroy)
- Syntaxe de template : Interpolation {{ }}
- Liaison de propriété [ ]
- Liaison d'événement ( )
- Liaison de données bidirectionnelle [(ngModel)]
- Introduction aux directives d'attribut intégrées (NgClass, NgStyle)
- Directives structurelles intégrées : *NgIf
- Directives structurelles intégrées : *NgFor
- Directives structurelles intégrées : *NgSwitch
- Gestion des entrées utilisateur (Variables de référence)
- Utilisation des Pipes intégrés (Date, Currency, Json)
- Création de Pipes personnalisés
- Comprendre l'Injection de Dépendances (DI)
- Introduction aux Services
- Fournisseurs et Portée (Scoping)
- Partage de données entre composants via des services
- Préparation à la communication backend : Module HttpClient
- Effectuer des requêtes GET (Récupération de données en lecture seule)
- Gérer les requêtes POST (Création de ressources)
- Gérer les requêtes PUT/DELETE (Mise à jour/Suppression)
- Gestion des erreurs dans les appels HTTP
- Utilisation des Intercepteurs pour la modification de requêtes
- Configuration du Router Angular
- Définir des routes de base
- Naviguer de manière programmatique et déclarative (routerLink)
- Comprendre le Router Outlet
- Accéder aux paramètres de route (Snapshot vs Observable)
- Paramètres optionnels et Paramètres de requête (Query Parameters)
- Route Guards : CanActivate (Autorisation)
- Route Guards : CanDeactivate (Persistance de formulaire)
- Protéger les routes filles (CanActivateChild)
- Lazy Loading des modules de fonctionnalités
- Introduction aux formulaires dans Angular
- Configuration des Template-Driven Forms (TDF)
- TDF : Utilisation de NgModel et des contrôles de formulaire
- TDF : Accès à l'état du formulaire et soumission
- Reactive Forms (RF) : Configuration et FormControl
- RF : Utilisation de FormGroup et FormArray
- Validation intégrée dans les Reactive Forms (Required, MinLength)
- Implémentation de validateurs personnalisés
- Gérer les validateurs asynchrones
- Formulaires dynamiques avec FormArray
- Introduction à la programmation réactive et à RxJS
- Observables vs Promises : Différences clés
- Créer et s'abonner à des Observables
- Opérateurs courants : map et filter
- Opérateurs courants : tap, delay, et catchError
- Combiner des Observables : forkJoin et combineLatest
- Combinaison avancée : switchMap (Le pattern HTTP)
- Introduction aux Subjects (Multicasting)
- BehaviorSubject et ReplaySubject
- Utilisation de l'Async Pipe pour la gestion automatique des abonnements
- Stratégie de détection de changement : Default vs OnPush
- Directives personnalisées (Structurelles et d'Attribut)
- Directives structurelles personnalisées (Implémentation d'un *NgIf personnalisé)
- Projection de contenu (ngContent)
- Interaction entre composants : Décorateur Input
- Interaction entre composants : Output et EventEmitter
- Utilisation de variables de référence locales pour l'interaction
- ViewChild et ContentChild (Accéder aux éléments internes)
- Directives d'attribut personnalisées (Changer l'apparence/comportement)
- Host Bindings et Host Listeners
- Angular Schematics et Génération personnalisée
- Introduction à la gestion d'état (Besoin de NgRx/Akita)
- Fondamentaux du Testing : Configuration et TestBed
- Tests unitaires de composants (Shallow Testing)
- Tester les Services et Mocks d'Injection de Dépendances
- Tester les scénarios de routage
- Présentation des tests End-to-End (E2E)
- Bases de l'internationalisation (i18n)
- Build pour la production : Compilation AOT et Bundling
- Stratégies de déploiement (Aperçu CI/CD et exemple pratique)