Angular 12 - Initiation au développement d'application web modernes

Formation créée le 07/03/2025.
Version du programme : 2

Type de formation

Formation à distance

Durée de formation

35 heures (5 jours)
Besoin d’adapter cette formation à vos besoins ? N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure ! Nous contacter

Angular 12 - Initiation au développement d'application web modernes


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