Description

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 pédagogiques

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

Public cible

Analystes
Architectes
Chefs de projets
Developpeurs

Pré-requis

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

Modalités d'évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

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

Programme mis à jour le 6 mars 2025