An Introduction Into Using Angular’s Material Design
summary
Angular Material is stable enough for production: the demo uses Angular Material beta 8 with Component Dev Kit (CDK), Angular 4.x and CLI 1.3, plus animations and HammerJS. The build imports Roboto and material icons, uses the indigo-pink prebuilt theme, and registers MD toolbar, sidenav, buttons, icons, grid-list, list, card, progress bar and more. A small rxjs-docs app is assembled (home, team, operators, about), shows eight contributor tiles, card-based operator docs and working routing — everything runs locally and deploys (Firebase).
AI-written summary · about
chapters (33)
- 0:00Start
- 0:20Keynote
- 2:41Diversity Program
- 3:13What Is a Material
- 4:10Versions I'M Using Today
- 5:17Available Components
- 6:01Date Picker
- 6:11Material Styling
- 6:25Material Palette
- 6:45Pre-Built Themes
- 7:02Themes
- 7:19Coding with Material Components
- 7:37Install Angular Material
- 7:50Animations
- 9:01Component Demonstration
- 10:07App Module File
- 10:35Routing
- 11:09General Component
- 11:24Create a Team Page
- 12:33Angular Services
- 14:41Use Material Components
- 16:51Md Side Nav
- 18:37Create a Button
- 20:30Styling
- 22:16Progress Bar
- 23:45Raised Button
- 25:19Team Service
- 32:11Card Component
- 36:47About Component
- 38:59Banana
- 44:23Can You Use the Material Design with React
- 45:03When Do I Think Materials Going To Finish Beta
- 46:18Other Component Libraries
related talks
31mAngular Material 2
21mBuild an Angular Material App
46mMaterial Design in practice with AngularJS
34mAngular Material 2: Reward your app with high-quality UI in minutes
19mCreating Beautiful Experiences Fast with Angular Material
56mBlast Off with Angular Material
23mAngular CDK and Material in 2018
29mEasy, Breezy, Beautiful: Angular Material