Creating Beautiful Experiences Fast with Angular Material

on YouTube ↗19m

" summary

Guidance is practical and specific: setup requires installing @angular/material and @angular/cdk, enabling BrowserAnimationsModule, adding the Material icons font and selecting a theme; CLI with the --style=sass flag is recommended. The talk demonstrates five concrete components — mat-toolbar, mat-button, mat-sidenav, mat-dialog, mat-snack-bar — shows a copy-to-clipboard snackbar saying "code copied", explains sidenav toggle methods and dialog open/ref usage, and outlines custom theming and CDK reuse.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 1:50Material Design Color Palette
3. 2:26Angulor Material
4. 3:52Theming
5. 4:36New Project CLI
6. 5:10Install Dependencies
7. 5:48Import Animations
8. 6:15Material Icons Font
9. 6:43Prebuilt Theme Selection
10. 7:07Using Components
11. 8:07Toolbar
12. 11:523. Sidenov: Button Interaction
13. 13:49Snackbar
14. 15:51Custom Theme
15. 16:54Custom Component Styling
16. 17:58Material Design Color Tool

" related talks

• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 56mBlast Off with Angular MaterialRachel Noccioli · ng-conf 2019
• 34mAngular Material 2: Reward your app with high-quality UI in minutesMaxim Salnikov · Angular Camp 2016
• 29mEasy, Breezy, Beautiful: Angular MaterialMelissa Houghton · AngularUP Experience 2020
• 21mBuild an Angular Material AppThomas Burleson, Naomi Black · ng-conf 2015
• 27mAngular Material or Bootstrap? Stop asking the question!Amadou Sall · NG-DE Conference 2019
• 46mMaterial Design in practice with AngularJSDaniel Zen · Spotlight Front-End 2014
• 01h 34mBuilding awesome components with the power of the Angular Component Dev KitKristiyan Kostadinov, Elad Bezalel · NGConf 2018