Développer une application web avec Angular

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

• 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