Blast Off with Angular Material

on YouTube ↗56m

" summary

Hands-on workshop that actually builds an astronaut directory using Angular Material components: runs ng add @angular/material, opens a StackBlitz, and scaffolds mat-toolbar, mat-sidenav, mat-card, mat-input, mat-list and mat-chip with explicit module imports. The demo shows theming via a Material theme generator applying NASA theme colors and uses CDK accessibility utilities; filtering UI toggles chips but the live filter logic is not wired and the floating-action dialog fails in the hosted demo.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 1:42What is Material Design
3. 3:48Material Design System
4. 6:27Angular Material Intro
5. 7:44Getting Started
6. 8:58Workshop Overview
7. 11:33Toolbar Component
8. 18:36Sidenav Component
9. 25:06Accessibility Benefits
10. 28:53Card Component
11. 34:05Inputs and Forms
12. 38:49Lists and Dividers
13. 43:51Chips Component
14. 47:57Theming and Branding
15. 52:10Conclusion

" related talks

• 19mCreating Beautiful Experiences Fast with Angular MaterialStefanie Trimble Fluin · ng-europe 2018
• 21mBuild an Angular Material AppThomas Burleson, Naomi Black · ng-conf 2015
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 46mMaterial Design in practice with AngularJSDaniel Zen · Spotlight Front-End 2014
• 31mAngular Material 2Elad Bezalel · AngularUP 2016
• 34mAngular Material 2: Reward your app with high-quality UI in minutesMaxim Salnikov · Angular Camp 2016
• 26mFinding AngularElana Olson · AngularConnect 2019
• 29mEasy, Breezy, Beautiful: Angular MaterialMelissa Houghton · AngularUP Experience 2020