Angular material responsive dashboard | Angular tutorials | 03

Опубликовано: 02 Май 2021
на канале: CGuider
4,356
79

Checkout the written tutorials:
Dashboard Part 1: https://technetzz.com/how-to-create-a...
Dashboard Part 2: https://technetzz.com/how-to-create-a...
Dashboard Part 3: https://technetzz.com/how-to-create-r...
Dashboard Part 4: https://technetzz.com/theming-angular...
Dashboard Part 5: https://technetzz.com/how-to-create-a...
Advanced nested forms: https://technetzz.com/advanced-web-fo...
Customisable alerts: https://technetzz.com/customisable-al...

This is the third video of the responsive admin dashboard Angular tutorials series. At the end of this tutorial, you will learn about Angular Material cards, flex layout, and how those components can be used to build responsive web applications.

If you missed previous videos, I recommend you to check those videos first.
1. Angular tutorials | 01 - Project Overview:    • Angular material tutorials | Project ...  
2. Angular tutorials | 02 Build layout with Angular material toolbar and sidebar:    • Angular material responsive toolbar a...  

Please make sure to check your ng version and npm version. This project is successfully run on the following versions.
------ ng --version ------
Angular CLI: 10.0.1
Node: 14.15.1
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1000.1
@angular-devkit/core 10.0.1
@angular-devkit/schematics 10.0.1
@schematics/angular 10.0.1
@schematics/update 0.1000.1

---- npm -v ------
6.14.8

Note: You may face errors if there are mismatches with your versions.

In addition to angular material cards and flex layout, the following things will be used in this tutorial.
1. Angular routing
2. Angular material icons
3. Angular material buttons
4. Lazy loading

And also, You can use this project as a starter for your own projects.