Introduction
  • Génération de notre application Angular avec Angular CLI
  • Tour du propriétaire de l'application générée par Angular CLI
  • Tour du propriétaire de l'application générée par Angular CLI (suite)
Angular Material
  • Installation d'Angular Material
  • Material Sidenav
Le routage
  • Génération de components
  • Implémentation du routage
Angular Material (suite)
  • Utilisation d'une Angular Material Card
  • Génération d'un Material Dashboard
  • Personnalisation du Material Dashboard
  • Génération d'une Material Data Table
  • Ajout d'un prix au data source et implémentation du tri sur le prix
Création d'un service et d'un modèle
  • Création du service quick-lunch.service.ts
  • Création du modèle "Food"
  • Consommation de notre service
  • Afficher le contenu propre à chaque type de nourriture
  • Formatage du prix à l'aide du pipe "currency" + séparateur "mat-divider"
  • Afficher le contenu de chaque type de nourriture
Les formulaires
  • Imports et variables requises par Reactive Forms
  • Liaison d'un FromGroup à un formulaire côté template
  • Angular Material datepicker
  • Datepicker en français
  • Angular Material Select
  • Template driven form
  • Soumission du formulaire
  • Flag contrôlant l'affichage successif des formulaires
RxJS 6
  • Présentation de RxJS
  • Utiliser les opérateurs
  • Les opérateurs tap() et map()
  • HttpClient
  • L'opérateur switchMap() pour aplatir un Observable d'Observable
  • Filtrer
  • Typer fortement les requêtes Http
  • Générer une Material Card par EveningEvent
Communication entre components
  • Communication parent vers enfant à l'aide de @Input()
  • Finalisation du template du component enfant
  • Communication enfant vers parent à l'aide de @Output()
  • Output() fin
Bonus
  • Coupons vers des formations complémentaires