
Angular Material Free Full course
Angular Material is a UI component library for Angular developers. Angular Material components know as AMC help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation.
Angular Material is an open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components. It provides a rich set of data-bound, performant components on top of Angular.
If you are looking for an angular material tutorial then you are on the right place this not only angular material tutorial but a full free angular material course from scratch that will teach you almost everything about angular material.
In this course we'll be using version 7 of angular framework, but it will work perfectly for all the latest version.
What is Angular Material
Angular Material is :
- UI component library
- Provides us with components to build awesome user interfaces in quick time
- Implementation of Googke's material design specification (Like Material UI for reactjs or Vuetify for VueJs) but for angular we have Angular Material.
- Angular Material helps you build clean and elegant UI.
Prerequisites
To follow on this course you need to have this skills:
- HTML
- CSS
- JavaScript (at least basics)
- Basic Knowledge of angular
Course Structure
- Learn How to add angular material to an application.
- Typography in angular
- Take a look at different components.
- Buttons and Indicators
- Navigation
- Layout
- Form Controls
- Popups and Modals
- Data Tables
Angular Material Demo
Here is a youtube video that shows how much angular material is rich of components, this project is built using angular and angular material and also firebase as a back-end.
-
1. Angular Material - Getting Started
-
2. Angular Material - Material Module
-
3. Angular Material - Typography
-
4. Angular Material - Buttons
-
5. Angular Material Button Toggle
-
6. Angular Material Icons
-
7. Angular Material Badges
-
8. Angular Material Progress Spinner
-
9. Angular Material Navbar
-
10. Angular Material Sidenav
-
11. Angular Material Menu
-
12. Angular Material List
-
13. Angular Material Grid List
-
14. Angular Material Expansion Panel
-
15. Angular Material Cards
-
16. Angular Material Tabs
-
17. Angular Material Stepper
-
18. Angular Material Input
-
19. Angular Material Select
-
20. Angular Material Autocomplete
-
21. Angular Material Checkbox & Radio Button
-
22. Angular Material Date Picker
-
23. Angular Material Tooltip
-
24. Angular Material Snackbar
-
25. Angular Material Dialog
-
26. Angular Material Data Table
-
27. Angular Material Exploring Data Table
-
28. Angular Material Data table Filtering
-
29. Angular Material Data Table Sorting
-
30. Angular Material Data Table Pagination
-
31. Angular Material Virtual Scrolling