Développer une application web avec Angular 2+
Programme
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
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
