Cursus
Formation ANGULAR Développer une application web avec Angular
Objectifs
Appréhender les différences entre Angular et AngularJS, et découvrir le rôle de TypeScript et ES6.
Utiliser Angular CLI, Visual Studio Code et des outils de débogage comme Augury.
Créer et structurer des composants, comprendre leur cycle de vie et les imbrications.
Utiliser l’interpolation, les expressions, le binding bidirectionnel et les directives.
Comprendre les principes, utiliser les services et les providers.
Appréhender la programmation réactive et les flux de données avec RxJS.
Définir et naviguer entre les routes, utiliser RouterModule et RouterOutlets.
Créer des formulaires réactifs, valider les données et envoyer des requêtes HTTP avec HttpClient.
Pré-requis
Participants
Programme de 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
-
Augury
-
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
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
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 et gestion des styles
-
Formulaires réactifs
- FormControl et FormGroup
-
Groupe de champs avec FormBuilder
-
Gestion des modifications