Informations générales
Cette formation s’adresse aux développeur·se·s web et frontend souhaitant maîtriser Angular, un framework puissant pour développer des applications web dynamiques.
À l’issue de cette formation, les participant·e·s seront capables de concevoir et de développer des applications Angular modernes, intégrant les meilleures pratiques et répondant aux besoins des projets actuels.
Informations pratiques
- Public : Développeur·se·s web et frontend
- Prérequis : Bonnes connaissances en JavaScript, HTML, CSS
- Outils : Un ordinateur récent, une connexion internet stable, une webcam et un micro
- Durée : 5 jours ( 35h )
- Modalités : Distanciel en inter ou intra
- Tarif : 2000 € HT
- Accessibilité : Formation accessible aux personnes en situation de handicap permanent ou temporaire. Option de sous-titrage pour les formations à distance. Merci de nous contacter pour toute demande d’information.
- Taux de satisfaction : Aucune donnée pour le moment
Chaque formation contient au moins 50 % de pratique et 50 % de théorie.
En fin de formation, une évaluation des acquis sera réalisée via un questionnaire à choix multiple ( QCM ) pour s'assurer de la bonne acquisition des compétences visées par les objectifs de formation.
Un questionnaire de satisfaction vous sera également fourni, nous permettant de recueillir votre avis quant à la qualité de la prestation qui vous aura été délivrée.
Objectifs pédagogiques
- Créer des composants et gérer leurs interactions
- Concevoir des interfaces dynamiques
- Gérer les formulaires de manière avancée
- Adopter la programmation réactive
- Travailler avec des API externes
Contenu de la formation
Rappels Ecmascript et Typescript
- Mise à jour sur les normes ES et plus
- Bonnes pratiques Ecmascript
- Les nouveautés ES6 et plus
- Présentation et introduction à Typescript
Présentation de Angular
- Qu’est-ce qu’Angular ?
- Les single page applications (SPA)
- Comparaison avec d’autres frameworks
- La notion de composant
- Créer une application Angular avec la CLI
- Comprendre les différents fichiers d’un projet Angular
- Exemple d’activité : Créer une nouvelle application en ligne de commande
La syntaxe de template
- Les différents types de binding
- L’interpolation et la syntaxe moustache
- Les variables de template
- Les blocs de contrôle de flux : @if, @switch, @for
- La gestion des événements
- Communiquer entre les composants avec @Input / @Output
- Exemple d’activité : Afficher une liste de tâches dans un nouveau composant
Les fichiers Angular
- Les composants : standalone et modules
- Architecturer son application en modules
- Utiliser les services
- Les pipes : pipes purs et impurs, pipes personnalisés
- Exemple d’activité : Utiliser un service pour gérer les données
Les Formulaires
- Le two-way binding et les Template Driven Forms
- Les Reactive Forms
- Importer un module
- Les différents types de contrôles
- Les validateurs, créer ses validateurs
- Exemple d’activité : Créer un formulaire de connexion / inscription, créer de nouvelles tâches
Le Routage
- Le module de routage
- Créer des routes
- Le lazy loading
- Les routes enfants
- Les guards pour protéger ses routes
- Exemple d’activité : Découper son application en plusieurs routes chargées en lazy loading
La Programmation réactive
- La notion de Signal : simples, computed et effect
- Présentation de RXJS
- Les Observables
- Surveiller des données avec les Sujets
- Le module HTTP Client
- Consommer une API REST
- Exemple d’activité : Gestion complète de connexion via une API
La Formatrice
Thaïs Labouré
Passionnée par le développement web et l'accessibilité numérique, je suis formatrice indépendante avec plusieurs années d'expérience dans la création de sites web et d'applications. Spécialisée dans la conception d'interfaces intuitives et accessibles, j'accompagne les professionnels pour les aider à maîtriser des outils et des pratiques qui allient performance et inclusivité. J'aime partager mes connaissances pour permettre à chacun de progresser dans un cadre bienveillant et stimulant.