Description
Objectif général: Permettre aux participants de découvrir et de maîtriser les concepts fondamentaux d'Angular pour développer des applications web modernes, maintenables et performantes. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Application (A) Compétences visées Utiliser les concepts fondamentaux d’Angular pour structurer et développer des applications web. Créer des composants réutilisables pour des interfaces utilisateur dynamiques. Implémenter et exécuter des tests unitaires. Appliquer les bonnes pratiques de développement avec Angular.
Objectifs pédagogiques
- Maîtriser l’architecture et les concepts-clés d’Angular.
- Construire une application modulaire et réutilisable.
- Configurer un environnement de développement Angular.
- Intégrer des services, des routes et des API RESTful.
Public concerné
Prérequis
Déroulé du programme
Jour 1 : Introduction et bases d’Angular (6 heures)
- Présentation d’Angular (2 heures)
Introduction au framework Angular : histoire, concepts et cas d’utilisation.
Présentation de l’architecture d’Angular.
- Environnement de développement (2 heures)
Installation de Node.js et Angular CLI.
Création d’un projet Angular.
Structure des fichiers et configuration initiale.
- Composants Angular (2 heures)
Création et manipulation de composants.
Cycle de vie des composants.
Travaux pratiques : mise en place d’un premier composant.
Jour 2 : Templates, data binding et directives (6 heures)
- Gestion des templates (2 heures)
Utilisation des expressions Angular.
Liaison de données (data binding) unidirectionnelle et bidirectionnelle.
- Directives et événements (2 heures)
Directives structurelles (ngIf, ngFor).
Directives d’attributs.
Gestion des événements utilisateur.
- Travaux pratiques (2 heures)
Mise en œuvre d’un formulaire interactif.
Jour 3 : Services, routage et gestion des données (6 heures)
- Introduction aux services (2 heures)
Création et utilisation de services Angular.
Injection de dépendances.
- Routage (2 heures)
Configuration des routes dans Angular.
Navigation entre les composants.
- Gestion des données (2 heures)
Connexion à une API RESTful avec HttpClient.
Gestion des états et interactions utilisateur.
Travaux pratiques : mise en œuvre d’un système de navigation.
Jour 4 : Tests, optimisation et mise en production (6 heures)
- Introduction aux tests (2 heures)
Écriture de tests unitaires avec Jasmine et Karma.
Mise en place de tests de composants et de services.
- Optimisation et déploiement (2 heures)
Optimisation des performances Angular (lazy loading, change detection).
Configuration pour la mise en production.
- Travaux pratiques finaux (2 heures)
Développement d'une application Angular complète.
Tests et mise en production de l’application.
Informations
Durée
4 jour(s)
24h
2850 € HT
HT
