Retour aux formations
Développement
Angular 12 - Initiation au développement d'application web modernes
5 jour(s) • 35h
Description
Objectif de la formation : Cette formation vise à fournir aux participants une maîtrise approfondie d’Angular 12 pour le développement d’applications web modernes, en intégrant les concepts avancés du framework, la programmation réactive et les bonnes pratiques de développement et de mise en production.
Objectifs pédagogiques
- Comprendre les principes fondamentaux et avancés d’Angular 12.
- Développer des applications modulaires et performantes.
- Utiliser TypeScript et les dernières évolutions d’ES2015+.
- Implémenter les meilleures pratiques pour la gestion des composants, des services et du routing.
- Mettre en place une programmation réactive avec RxJS.
- Assurer la qualité du code via les tests unitaires et end-to-end.
- Gérer l’internationalisation et le déploiement d’applications Angular.
Public concerné
Développeurs web
Ingénieurs logiciels
Architectes
Prérequis
Connaissances de base en HTML, CSS, et JavaScript
Familiarité avec les concepts de programmation orientée objet
Facultatif : Une compréhension basique de TypeScript et une expérience du JavaScript
Déroulé du programme
1
Introduction à Angular 12 (7 heures)
7h
- Introduction au futur du Web : concepts clés, tendances, place d’Angular.
- ES2015+ et nouveautés JavaScript : let/const, classes, modules, async/await.
- Introduction à TypeScript : typage statique, classes, interfaces, décorateurs.
- Web Components et Angular : compatibilité et usage.
- Premiers pas avec Angular 12 : philosophie, structure, installation.
- Angular CLI et Vite : utilisation avancée et gain de productivité.
- Travaux pratiques : Création d’un projet Angular, première application, exploration des fichiers et configuration.
2
Développement d’applications avec Angular (7 heures)
7h
- Templating avancé : Interpolation, Property & Event Binding.
- Directives structurelles et Syntaxe Control Flow : ngIf, ngFor, ngSwitch.
- Composants et directives : création, communication avec @Input et @Output.
- Cycle de vie des composants : hooks et optimisation.
- Standalone Components et NgModules optionnels.
- Travaux pratiques : Création d’une application multi-composants avec interactions.
3
Services, gestion des données et interactions (7 heures)
7h
- Injection de dépendances et services Angular.
- Gérer l’état avec RxJS : introduction aux Observables et opérateurs.
- Programmation réactive et gestion des évènements avec RxJS.
- Gérer les échanges avec un serveur : requêtes HTTP, Intercepteurs, Sécurité.
- Routing avancé : routes imbriquées, lazy-loading, routes protégées.
- Travaux pratiques : Consommation d’une API REST, gestion d’état avec RxJS, création d’un routing dynamique.
4
Formulaires, tests et performance (7 heures)
7h
- Formulaires Angular : approche template-driven vs reactive forms.
- Validation et gestion des erreurs : validation native et personnalisée.
- Optimisation des performances : Change Detection, compilation JiT/AoT, lazy-loading.
- Tests unitaires et end-to-end : Karma, Jasmine, Cypress, Playwright.
- Travaux pratiques : Création d’un formulaire réactif avec validation, tests unitaires et end-to-end sur l’application développée.
5
Concepts avancés et mise en production (7 heures)
7h
- Signaux dans Angular : signal, computed, interopérabilité avec RxJS.
- Internationalisation : Pipes, gestion des traductions, formatage dynamique.
- Préparation au déploiement : best practices, optimisation du bundle, intégration CI/CD.
- Déploiement sur serveur ou cloud : configuration et mise en ligne.
- Travaux pratiques : Mise en production d’une application complète avec Angular, internationalisation et déploiement.
Informations
Durée
5 jour(s)
35h
Tarif
2930 € HT
HT
