Angular material responsive toolbar and sidenav | Angular tutorials | 02
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 second video of the responsive admin dashboard Angular tutorials series. At the end of this tutorial, you will learn about the Angular Material toolbar, sidebar, and how those components can be used to build responsive web applications.
Beginner and intermediate Angular lovers can follow this Angular tutorial series to learn how real-world angular applications are developed.
If you missed the project overview video, I recommend you check that video first.
• Angular material tutorials | Project ...
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
In addition to the angular sidebar and toolbar/navbar, the following features will be used in this tutorial.
1. Angular routing
2. Angular lazy loading
3, Angular responsive menu
4. Angular material menu
5. Angular icon
7. Flex layout
You can do experiments with flex layout to understand how flax layout can be used to build responsive web applications without a third-party framework like bootstrap.
And also, You can use this project as a starter for your own projects.
Clone the project template from here: https://github.com/SmadusankaB/angula...