Développeur framework Angular

Objectifs

• Comprendre l'architecture et les concepts fondamentaux d'Angular (composants, modules, services, injection de dépendances).


• Maîtriser le langage TypeScript.


• Savoir créer et gérer des composants Angular, y compris le cycle de vie des composants.


• Utiliser la liaison de données (data binding) pour interagir entre le modèle et la vue.


• Appliquer les directives et les pipes pour manipuler le DOM et formater les données.


• Mettre en œuvre le routage pour créer des applications monopages (Single Page Applications - SPA) complexes.


• Gérer les formulaires, y compris les formulaires réactifs et basés sur des templates.


• Interagir avec des APIs backend en utilisant le module HttpClient pour effectuer des requêtes HTTP (GET, POST, PUT, DELETE).


• Gérer l'état de l'application, potentiellement en utilisant des outils comme NgRx (Redux pour Angular).


• Écrire des tests unitaires et d'intégration pour les composants et les services.


• Déployer une application Angular.


• Comprendre et appliquer les bonnes pratiques de développement Angular.


• Savoir débuguer une application Angular.

Programme de la formation

Module 1 : Introduction et Fondamentaux

• TypeScript et ES6/ESNext : Les bases du langage.


• Présentation du framework Angular et de son architecture.


• Mise en place de l'environnement de développement (Node.js, Angular CLI).


• Création d'un premier projet et structure des dossiers.

Module 2 : Blocs de Construction d'Angular

• Les Composants : Définition, template, style et métadonnées.


• Les Modules (NgModule) : Organisation de l'application.


• Le cycle de vie des composants (Hooks de cycle de vie).


• Data Binding (Liaison de données) : Interpolation, Property Binding, Event Binding.

Module 3 : Communication et Services

• Les Directives : Structurelles (*ngIf, *ngFor) et d'Attribut (ngClass, ngStyle).


• L'Injection de dépendances (DI) : Concept et implémentation des services.


• Les Services : Logique métier partagée et gestion des données.


• Communication entre composants (@Input et @Output).

Module 4 : Routage et Navigation

• Introduction au Routage (Router Module) : Création d'une application SPA.


• Configuration des routes et navigation.


• Passage de paramètres de route.


• Guards de route (CanActivate, CanDeactivate).


• Chargement paresseux (Lazy Loading) des modules.

Module 5 : Interaction avec le Backend (HTTP)

• Utilisation du module HttpClient.


• Exécution de requêtes CRUD (GET, POST, PUT, DELETE).


• Programmation réactive avec RxJS : Observables, Subscribers et Opérateurs.


• Gestion des erreurs HTTP et des intercepteurs.

Module 6 : Gestion des Formulaires

• Les Formulaires basés sur les Templates (Template-Driven Forms).


• Les Formulaires Réactifs (Reactive Forms) : FormControl, FormGroup, FormArray.


• Validation des formulaires : Validateurs intégrés et personnalisés.


• Affichage des messages d'erreur.

Module 7 : Tests et Déploiement

• Les Pipes : Transformation des données.


• Introduction aux Tests unitaires (avec Jasmine et Karma).


• Tests des composants et des services.


• Optimisation et Build de production.


• Déploiement de l'application.

 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique