Learn Angular Material - Full Tutorial

Learn how to use Angular Material in this full tutorial course for beginners. Angular Material is a UI component library for Angular JS developers. Angular Material design components 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.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:42) Getting Started
⌨️ (0:10:01) Material Module
⌨️ (0:13:00) Typography
⌨️ (0:17:18) Button
⌨️ (0:23:35) Button Toggle
⌨️ (0:29:27) Icons
⌨️ (0:31:51) Badges
⌨️ (0:39:52) Progress Spinner
⌨️ (0:44:19) Navbar
⌨️ (0:47:51) Sidenav
⌨️ (0:57:39) Menu
⌨️ (1:10:00) List
⌨️ (1:14:47) Grid List
⌨️ (1:19:46) Expansion Panel
⌨️ (1:25:08) Cards
⌨️ (1:28:09) Tabs
⌨️ (1:31:12) Stepper
⌨️ (1:37:17) Input
⌨️ (1:43:60) Select
⌨️ (1:50:13) Autocomplete
⌨️ (2:00:38) Checkbox and Radio Button
⌨️ (2:05:18) Date Picker
⌨️ (2:11:48) Tooltip
⌨️ (2:15:05) Snackbar
⌨️ (2:24:08) Dialog
⌨️ (2:33:40) Data table
⌨️ (2:42:29) Exploring Data table
⌨️ (2:47:36) Data table Filtering
⌨️ (2:51:43) Data table Sorting
⌨️ (2:55:11) Data table Pagination
⌨️ (2:58:18) Virtual Scrolling

--

[Codevolution]

Hey everyone, make sure to check out my channel for more content on Angular and React for complete beginners!

[amalpb]

(0:00:00) Introduction
(0:02:42) Getting Started
(0:10:01) Material Module
(0:13:00) Typography
(0:17:18) Button
(0:23:35) Button Toggle
(0:29:27) Icons
(0:31:51) Badges
(0:39:52) Progress Spinner
(0:44:19) Navbar
(0:47:51) Sidenav
(0:57:39) Menu
(1:10:00) List
(1:14:47) Grid List
(1:19:46) Expansion Panel
(1:25:08) Cards
(1:28:09) Tabs
(1:31:12) Stepper
(1:37:17) Input
(1:43:60) Select
(1-50:13) Autocomnlete
(2:00:38) Checkbox and Radio Button
(2:05:18) Date Picker
(2:11:48) Tooltip
(2:15:05) Snackbar
(2:24:08) Dialog
(2:33:40) Data table
(2:42:29) Exploring Data table
(2:47:36) Data table Filtering
(2:51:43) Data table Sorting
(2:55:11) Data table Pagination
(2:58:18) Virtual Scrolling
For all mobile users
From a mobile user

[rezataba]

Wonderful. Knowing only is not enough to be a good teacher. It has to be a set of knowledge, voice, tone, transfer skills, etc.
You have them all which makes you a great teacher.

[kenkioqqo]

Excellent tutorial!!!! Thanks a lot for the beginner-friendly course. Most of the Angular Material tutorials I've been watching have been a bit confusing for me, but after watching this, I've clearly understood how to add the most commonly used Angular Material components to my Angular project. For anyone out there who's just starting out in Angular Material, this is the time-saving eye-opener you need.

[pedrosoares]

This tutorial is really good, contains a lot of accurate and useful. Thank you for making this available for free

PS: When you say "in simple English" followed by a "hey, this does that", It's really easy to understand.

[nicolapigozzo]

Finally a great full tutorial about angular and material design. Thank you very much.

[rowehnakori]

Really useful, exhaustive and very easy to follow indeed. I've been replicating your instructions step by step, integrating and/or modifying the code when needed (for more recent Angular and Material versions that I've been using) and I had no trouble whatsoever. Thank you.

[andyt]

Thank you SO much for this. I was on a short deadline and had to learn this quick, this was a life saver.

[raymondmouthaan]

This is just great! All explained very well in details especially for beginners! Thanks for spending time to create it!

[priyamganguly]

Excellent tutorial! Learnt a ream from it, especially how to apply the logic in the typescript files. Now my knowledge base on Angular and Material is even stronger. Thanks to Vishwas for bring out this amazing tutorial for us.

[ItzDanielSoftware]

coming from React MUI angular material was weird and I needed a video to understand, I appreciate it!

[onigvd]

this is a very good tutorial. one thing to watch out for however is even two years later, with the latest versions of angular and materials, some adjustments need to be made so the page compiles, but I have got it to work every time I faced a road block so don't despair.

[hansschenker]

Right to the point introduction to Angular Material - easy steps - and friendly presentations!! Thank's a lot for publishing!!

[misterrodger]

Great video, many thanks!

Could add a reminder about {static: true} at 2:53:24 to keep it up to date.

[plagiari]

well organized video, step by step instructions very easy to follow indeed even for beginners! Thank you a lot

[taamcyat]

I'm so happy i watched this video!!! Great work!!!

[maxreturn]

Great overview! Concise and just the right amount of depth

[SaadAbbasi]

Really simple to the point tutorial, Thanks for making it free :-)

[marudhuraj]

Perfect tutorial, thanks for posting this it's very use full when i kickstart my project.

[harry_allen]

Will there be an updated video for Angular Material 12?