Angular 12 - Initiation au développement d'application web modernes
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 07/03/2025.
Version du programme : 2
Programme de la formation
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 de la formation
- 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.
Profil des bénéficiaires
Pour qui
- 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
Contenu de la formation
-
Introduction à Angular 12 (7 heures)
- 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.
-
Développement d’applications avec Angular (7 heures)
- 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.
-
Services, gestion des données et interactions (7 heures)
- 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.
-
Formulaires, tests et performance (7 heures)
- 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.
-
Concepts avancés et mise en production (7 heures)
- 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.
Équipe pédagogique
Professionnel expert dans le développement
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
- Émargement numérique.
Ressources techniques et pédagogiques
- Documents supports de formation projetés.
- Exposés théoriques
- Etude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation.
- Espace intranet de formation
Qualité et satisfaction
Taux de satisfaction des stagiaires
Progression des compétences visées
Taux d'abandon
Taux de retour des enquêtes
Taux d'interruption en cours de prestation