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 15/03/2024.
Version du programme : 1
Programme de la formation
Objectif de la formation : Fournir aux participants une compréhension solide des principes fondamentaux d'Angular 12, leur permettant de construire des applications web monopages (SPA) réactives et performantes.
Objectifs de la formation
- Maîtriser les concepts fondamentaux et avancés d'Angular 12
- Être capable de créer des composants réutilisables, des services, et de gérer la navigation dans une application Angular
- Savoir implémenter des formulaires réactifs et communiquer avec des API REST
- Comprendre comment optimiser et déployer une application Angular pour la production
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
- Une compréhension basique de TypeScript est un plus, mais pas obligatoire
Contenu de la formation
-
Introduction à Angular 12 (7 heures)
- Présentation d’Angular 12 et son architecture
- Configuration de l'environnement de développement (Node.js, npm, Angular CLI)
- Création d'un projet Angular et exploration de la structure du projet
- Introduction à TypeScript
- Typage statique, classes, interfaces, et décorateurs
- Travaux pratiques : Création et exécution d'une application Angular simple
-
Composants, templates et data binding (7 heures)
- Structure et cycle de vie d'un composant
- Communication entre composants
- Syntaxe de template et directives
- Binding de propriétés et d'événements
- Travaux pratiques : Création de multiples composants et intégration dans l'application avec une mise en oeuvre de data binding pour dynamiser l'application
-
Services, injection de dépendances et routing (7 heures)
- Création de services pour la logique métier
- Injection de dépendances dans Angular
- Configuration des routes et navigation
- Routes protégées et gardiens de routes (Route Guards)
- Travaux pratiques: Développement de services pour externaliser la logique et mise en place d'un système de navigation entre les composants
-
Gestion des formulaires et accès aux données (7 heures)
- Formulaires Angular réactifs et basés sur les templates
- Validation et gestion des états de formulaire
- Communication avec des API REST
- Gestion des requêtes et des réponses HTTP Client
- Travaux pratiques : Conception de formulaires pour la saisie de données. Récupération et affichage de données depuis une API REST
-
Pipes, directives personnalisées, et déploiement (7 heures)
- Transformation de données dans les templates
- Pipes intégrés et création de pipes personnalisés
- Création de directives pour manipuler le DOM (Document Object Model)
- Optimisation de l'application pour la production
- Déploiement sur un serveur web ou un service cloud
- Travaux pratiques: Mise en oeuvre de pipes et directives personnalisées avec un déploiement de l'application finale
É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