Angular: Material Design
1h 56mIntermediate2018-10-29
Authors

Robby Millsap
Senior Software Engineer at Trek Bicycle
Course details
Angular Material is a UI component framework and a reference implementation of Material Design, a unified system created by Google designers for crafting high-quality digital experiences. In this project-based course, learn how to get started with Angular Material. Instructor Robby Millsap helps to familiarize you with Material Design by covering the core concepts behind it, as well as walking through how to install Angular Material. He also shows how to work with layouts, components, and theming features to give a project a user experience overhaul.
Learning objectives
What is Material Design?
Adding the required modules to your project
Installing Angular Material
Adding app bars and menus
Creating cards
Separating content using tabs
Adding data tables
Learning objectives
What is Material Design?
Adding the required modules to your project
Installing Angular Material
Adding app bars and menus
Creating cards
Separating content using tabs
Adding data tables
Skills covered
AngularWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - What is Material Design and why should you care
- 02 - What you should know
1. Material 101
- 03 - What is the material in Material Design
2. Getting Started
- 04 - Installing Angular Material into our starter project
3. Navigation
- 05 - Sidenavs
- 06 - App bars
- 07 - Menus
4. Layout
- 08 - Tabs
- 09 - Cards
5. Form Controls
- 10 - Steppers
- 11 - Autocomplete
- 12 - Inputs
- 13 - Date picker
6. Popups and Modals
- 14 - Dialogs
- 15 - Snackbars
- 16 - Tooltips
7. Data Tables
- 17 - Tables, part 1
- 18 - Tables, part 2
- 19 - Pagination
Conclusion
- 20 - Next steps