Angular · Développer sa première application web
Version du programme : 1
Type de formation
Formation mixteDurée de formation
14 heures (2 jours)Accessibilité
OuiAngular · Développer sa première application web
La formation en quelques mots : Utiliser des composants modulaires, maitriser la programmation réactive pour une interactivité fluide et appliquer les normes TypeScript Répartition > Théorie : 40% > Pratique : 60% Cette formation est disponible en présentiel ou à distance, avec un programme et une qualité pédagogique identiques. > Formation inter-entreprise : pré-inscription en ligne ou contactez-nous : formation@younup.fr > Formation intra-entreprise : nous vous invitons à nous contacter pour réaliser un devis : formation@younup.fr
Objectifs de la formation
- Connaître les bases d’Angular
- Maîtriser le développement d’une application avec Angular
Profil des bénéficiaires
- Développeurs
- Technique : Bases en HTML5 / CSS3 / JS
- Technique : Bases en Programmation Orientée Objet
- Matériel : PC pour les ateliers avec les droits administrateurs
Contenu de la formation
1. Introduction à Angular
- Présentation du Framework et de ses avantages
- Installation de l’environnement de développement
- Création du premier projet Angular avec Angular CLI
- Structure d’une application Angular
- TP fil rouge : Initialisation du premier projet
2. Composants et Data-binding
- Anatomie d’un composant : création, utilisation, cycle de vie
- Templates et liaison de données (data binding)
- Modeler les propriétés
- Utilisation des contrôles de flux dans les Templates
- TP fil rouge : Création des premiers composants
3. Directives et Pipes
- Directives d’attribut
- Utilisation des pipes natifs
- Création de pipes personnalisés
- TP fil rouge : Affichage et formatage des données avec des Pipes
4. Services et Injection de dépendances
- Communication entre composants parents/enfants
- Création de services
- Injection de services
- TP fil rouge : Partage des données entre les composants
5. Routage et navigation
- Mise en place du routing
- Navigation programmatique et via routerLink
- Paramétrage des routes, redirections, guards
- TP fil rouge : Mise en place de la navigation
6. Formulaires
- Formulaires basés sur template
- Formulaires réactifs (Reactive Forms)
- Validation des champs de formulaire et gestion des erreurs
- TP fil rouge : Création de formulaires
7. Gestion des données et Programmation réactive
- Introduction à RxJS et aux Observables
- Utilisation du service HttpClient pour les requêtes HTTP (GET, POST, PUT, DELETE)
- Principaux opérateurs RxJS
- Introduction aux signaux (signals) et à la gestion avancée de l’état
- TP fil rouge : Utilisation d’Observables et gestion asynchrone
8. Tests unitaires et bonnes pratiques
- Introduction aux tests unitaires (Jasmine, Karma)
- Règles de modularité et de testabilité
- Outils de qualité de code (ESLint, Prettier)
- TP fil rouge : Rédaction de tests sur les services et les composants
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- En début de séance un recueil des attentes est réalisé pour s’assurer d’aborder tous les points pendant le déroulé de la formation.
- Le formateur évalue la progression pédagogique de l’apprenant tout au long de la formation au moyen de travaux pratiques, serious game, etc.
- L’apprenant complète également une auto-évaluation de positionnement au début et à la fin de la formation pour valider les compétences acquises en lien avec les objectifs de la formation.
Ressources techniques et pédagogiques
- Espace apprenant
- Support de formation transmis
Qualité et satisfaction
Capacité d'accueil
Délai d'accès
Accessibilité
Nous mettons tout en œuvre pour vous accueillir et vous accompagner dans les meilleures conditions d’apprentissage. Notre référente handicap est à votre disposition vous pouvez la contacter à l'adresse suivante : formation@younup.fr.