Developpement Framework Angular
Global Digital University
Vous souhaitez maîtriser le développement d'interfaces utilisateur dynamiques et performantes avec Angular ? Cette formation est faite pour vous.
À la fin de cette formation, vous serez capable de :
- Maîtriser l'utilisation d'Angular pour développer des applications web robustes et modulaires grâce à sa structure basée sur les composants.
- Comprendre et appliquer le concept de composants réutilisables pour créer des interfaces utilisateur évolutives et faciles à maintenir.
- Gérer l'état de l'application et les interactions utilisateur avec les services, l'injection de dépendances, et la communication entre composants.
- Créer des formulaires dynamiques en utilisant les Reactive Forms et Template-Driven Forms pour une gestion précise des données utilisateurs.
- Optimiser les performances de l'application grâce au lazy loading, aux pipes personnalisés, et à la gestion avancée des changements avec RxJS.
Module 1 : Introduction à Angular et environnement de développement
- Présentation d'Angular et de ses concepts clés.
- Installation et configuration de l'environnement de développement (Node.js, Angular CLI, création d'un projet Angular).
- Introduction aux composants Angular et au HTML enrichi.
Module 2 : Création de composants réutilisables et gestion des propriétés
- Structuration des composants et liaison des données (data binding).
- Passage et gestion des données avec les @Input et @Output.
- Création de composants réutilisables pour des interfaces modulaires.
- Introduction à la gestion des événements utilisateur dans Angular.
Module 3 : Gestion des données et interaction avec des API
- Utilisation des services Angular pour la gestion des données.
- Consommation d'API REST avec HttpClient.
- Gestion avancée des requêtes asynchrones avec RxJS.
- Introduction à la gestion de l'état avec BehaviorSubject.
Module 4 : Interactivité et optimisation des performances
- Création et gestion des formulaires dynamiques avec Reactive Forms et Template-Driven Forms.
- Utilisation des directives et pipes pour enrichir les interfaces utilisateur.
- Optimisation des performances grâce au lazy loading et à la modularisation des routes.
- Gestion avancée des observables avec RxJS (switchMap, debounceTime, etc.).
Module 5 : Gestion avancée de l'état et architecture modulaire
- Introduction à NgRx pour la gestion centralisée de l'état.
- Configuration et utilisation de NgRx Store dans une application Angular.
- Gestion avancée des effets asynchrones avec NgRx Effects.
- Structuration d'une application Angular en modules pour une architecture évolutive.
Envie d’en savoir plus sur cette formation ?
Documentez-vous sur la formation