-
Filière :
Développement logiciel
-
Sous-filière :
Technos Web (PHP, JS...)
-
Référence
DW-ANG2
-
Durée
3 jours (21 h)
-
Prix unitaire HT
1 950 € 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
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ébogage dans le navigateur
- Angular Devtools
- Visual Studio Code
TypeScript et ES6+
- Transpilation
- Let et const
- Template strings
- Typage
- Classes et interfaces
- Les modules
- Arrow functions
- Décorateurs
Les composants
- La notion centrale d’Angular
- Structure d’une application Angular
- NgModule
- Structure d’un composant
- Template
- Styles
- Création d’un composant avec Angular CLI
- Cycle de vie des composants
- Imbrication des composants
- Content projection
Les templates
- Template et DOM
- Interpolation et expressions
- Binding et interactions
- @Input et @Output
- Binding bidirectionnel
- La notion de directives
- Directive de structure et directive d’attribut
- NgClass, NgStyle et NgModel
- NgFor, NgIf et NgSwitch
- Les pipes
Injection de dépendances
- Principes
- Les services et @Injectable
- Injectors et providers
- Les types de providers
- Token et @Inject
RxJS et Observables
- Principes de la programmation réactive
- La librairie RxJS
- La notion de flux
- Les ‘Observables’
- Quelles utilisations dans Angular ?
Routage
- Importance du routage
- Configuration du RouterModule
- RouterOutlets
- Définition des Routes
- Naviguer vers une route
- Routes secondaires
- Routes paramétrées
Appels HTTP
- La notion de services HTTP
- Les APIs proposées : Http et HttpClient
- Envoi de requêtes
Formulaires
- Structure d’un formulaire
- Formulaires par template
- Validations
- Gestion des styles
- Formulaires réactifs
- FormControl et FormGroup
- Groupe de champs avec FormBuilder
- Gestion des modifications
Annexes
- Liens guides de codage
- Projets complémentaires
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