-
Filière :
Développement logiciel
-
Sous-filière :
Technos Web (PHP, JS...)
-
Référence
DW-ANG2
-
Durée
3 jours (21 h)
-
Prix par personne HT
2 050 € HT
Objectifs pédagogiques
- Développer des applications avec le framework Angular
- Comprendre l’architecture d’Angular
- Assimiler les nouveautés d’ES6+
- Découvrir et mettre en oeuvre TypeScript
Public cible
- Consultants
- Développeurs
- Leaders techniques
Pré-requis
Avoir suivi le cours JavaScript et avoir mis en pratique les concepts enseignés
Modalités d'évaluation
- Evaluation des acquis de la formation par le biais de cas pratiques et/ou mises en situation
- Attestation de formation remise à chaque participant.
Méthodes pédagogiques
- Exposés
- Cas pratiques
- Echanges d’expérience
Programme de la formation
Présentation
- Positionnement d’Angular
- Angular vs AngularJS
- Rôles de TypeScript et ES6+
- Aperçu de l’architecture
- Présentation d’Angular CLI
- Découverte d’un exemple minimal
- La phase de démarrage
Outillage
- Déboguer dans le navigateur
- IDE (Visual Studio Code)
TypeScript et ES6
- Transpilation
- Let et const
- Template strings
- Typage
- Interfaces et classes
- Les modules
- Arrow functions
- Opérateurs spéciaux
- Décorateurs
Introduction à RxJS
- Principes
- La librairie RxJS
- La notion de flux
- Les « Observable »
- Quelles utilisations dans Angular ?
Les composants
- La notion centrale d’Angular
- Imbrication des composants
- Structure d’une application
- Structure d’un composant
- Template et styles
- Cycle de vie des composants
- Content projection
API « Signals »
- Kezako ?
- Un exemple pour comprendre
Les templates
- Template et DOM
- Binding et interpolation
- Expressions et pipes
- Binding d’événements
- Les directives d’attribut
- Les directives de structure
- « Control flow »
- Binding entre composants
Injection de dépendances
- Principes
- Les services et @Injectable
- Injectors et providers
- Les types de providers
- Token et @Inject
- Cycle de vie et injection
Routage
- Importance du routage
- RouterOutlets
- Initialisation du Router
- Définition des Routes
- Naviguer vers une route
- Sous-routes
- Routes paramétrées
Appels HTTP
- HttpClient
- Envoi de requêtes
- Gestion des réponses
- Gestion des erreurs
Formulaires
- Structure d’un formulaire
- Formulaires par template
- Binding
- Validation
- Gestion des styles
- FormGroup
- Formulaires réactifs
- FormControl, FormGroup et FormBuilder
- Typage
- Gestion des modifications
- Template
- Observable
Annexes
- Liens divers
- Projets complémentaires
- Mise à jour de la CLI
Qualité
Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.
Programme mis à jour le