Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Frameworks > Introduction à l'utilisation des composants graphiques d'Angular Material

Introduction à l'utilisation des composants graphiques d'Angular Material

Si l'on veut construire une voiture, on n'a pas besoin de réinventer la roue. C'est ainsi qu'Angular Material nous permet d'utiliser un large panel de composants ( les plus utilisés dans la création d'un site internet ).

Objectifs

  • Savoir utiliser les différents composants d'Angular Material
  • Savoir créer son propre thème Angular Material

Public

  • Analystes
  • Architectes
  • Chefs de projets
  • Développeurs

 

Prérequis

  • Connaître Angular
  • Connaître JavaScript et TypeScript
  • Connaître HTML, JavaScript et CSS3

Programme de la formation

Introduction

  • Material Design
  • NodeJS et npm
  • Angular CLI – Schematics
  • Premier pas avec Angular Material

Les composants Forms Controls

  • Autocomplete
  • Checkbox
  • Datepicker
  • Form field
  • Input
  • Radio button
  • Select
  • Slider
  • Slide toggle

Les composants Navigation

  • Menu
  • Sidenav
  • Toolbar

Les composants Layout

  • Card
  • Divider
  • Expansion Panel
  • Grid list
  • List
  • Stepper
  • Tabs
  • Tree

Les boutons et indicateurs

  • Button
  • Button toggle
  • Badge
  • Chips
  • Icon
  • Progress spinner
  • Progress bar

Les popups & Modals

  • Bottom Sheet
  • Dialog
  • Snackbar
  • Tooltip

Le composants Data table

  • Paginator
  • Sort header
  • Table

Personnaliser votre application

  • Appliquer un thème existant
  • Appliquer le theme sur vos composants
  • Choisissez votre Typographie
  • Personnaliser le style de vos composants
  • Créer vos contrôle de champs de formulaire personnalisé
  • Elevation helpers