Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Angular 6, Angular Material et RxJS 6 par la pratique
Introduction
Génération de notre application Angular avec Angular CLI (7:21)
Tour du propriétaire de l'application générée par Angular CLI (9:51)
Tour du propriétaire de l'application générée par Angular CLI (suite) (5:23)
Angular Material
Au 21 juin 2018, la dernière version d'Angular Material (la 6.3.0) comporte un bug bloquant
Installation d'Angular Material (6:08)
Material Sidenav (9:53)
Le routage
Génération de components (6:03)
Implémentation du routage (10:08)
Angular Material (suite)
Utilisation d'une Angular Material Card (9:49)
Génération d'un Material Dashboard (10:34)
Personnalisation du Material Dashboard (2:12)
Génération d'une Material Data Table (6:36)
Ajout d'un prix au data source et implémentation du tri sur le prix (9:03)
Création d'un service et d'un modèle
Création du service quick-lunch.service.ts (6:17)
Création du modèle "Food" (7:48)
Consommation de notre service (8:26)
Afficher le contenu propre à chaque type de nourriture (7:36)
Formatage du prix à l'aide du pipe "currency" et utilisation du séparateur "mat-divider" (10:55)
Afficher le contenu de chaque type de nourriture (5:52)
Les formulaires
Imports et variables requises par Reactive Forms (6:00)
Liaison d'un FromGroup à un formulaire côté template (8:20)
Angular Material datepicker (8:25)
Datepicker en français (1:31)
Angular Material Select (6:05)
Template driven form (9:18)
Soumission du formulaire (5:46)
Flag contrôlant l'affichage successif des formulaires (5:03)
RxJS 6
Présentation de RxJS (10:51)
Utiliser les opérateurs (12:03)
Les opérateurs tap() et map() (9:02)
HttpClient (12:09)
L'opérateur switchMap() pour aplatir un Observable d'Observable (7:19)
Filtrer (6:09)
Typer fortement les requêtes Http (8:23)
Générer une Material Card par EveningEvent (2:40)
Communication entre components
Communication parent vers enfant à l'aide de @Input() (11:49)
Finalisation du template du component enfant (7:39)
Communication enfant vers parent à l'aide de @Output() (11:59)
Output() fin (7:24)
dernière mise à jour mardi 26 juin 2018
Création du modèle "Food"
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller