Build an Angular Material App

on YouTube ↗21m

" summary

A live demo builds an Angular Material app from scratch, loading Angular Material, Angular Animate and Aria via Bower, registering the module and CSS, then assembling UI with layout API (CSS flexbox), responsive breakpoints and a locked-open md-sidenav toggled by the MD media service. Data is wired with controller, service and ng-repeat, avatars use the md-icon provider icon set, and accessibility surfaces ngAria warnings that require labels; chips, menu and datepicker remain unfinished for 1.0.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and setup
2. 1:04Planning the layout
3. 2:45Loading project dependencies
4. 4:45Building initial HTML structure
5. 7:11Implementing responsive design
6. 9:35Refining visuals and behavior
7. 12:27Adding application logic
8. 15:30Finalizing UI interactions
9. 17:35Accessibility testing
10. 18:44Future plans and conclusion

" related talks

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