The Complete Angular Material Course: Beginner to Advanced

Practical Guide for Building Angular Applications with Angular Material


What you’ll learn

  • Learn how to add the Angular Material to your angular project.
  • Learn Angular Material Typography.
  • Learn Angular Material Buttons and Indicators.
  • Learn Angular Material Navigation.
  • Learn Angular Material Layout.
  • Learn Angular Material Form Controls.
  • Learn Angular Material Popups and Modals.
  • Learn Angular Material Data Tables.

Course Content

  • Introduction –> 4 lectures • 16min.
  • Buttons and Indicators –> 5 lectures • 26min.
  • Navigation And Menus –> 3 lectures • 26min.
  • Layout –> 6 lectures • 26min.
  • Form Controls –> 5 lectures • 33min.
  • Popups and Modals –> 3 lectures • 21min.
  • Data Tables –> 6 lectures • 30min.

The Complete Angular Material Course: Beginner to Advanced


  • Basic Familiarity with HTML, CSS and JavaScript.


Angular by itself is an amazing framework, that together with the Angular CLI makes our life as developers simpler than ever. But imagine what it would mean if adopting this new framework would mean also that we would have to write manually our own form controls as well: such as for example date pickers, dropdowns, and other commonly needed widgets.

Developing solid form controls, containers, navigation menus and modal components on top of pure Angular still require a lot of time and effort, especially if we are looking for a consistently themed component suite with commonly needed advanced features such as for example great ergonomics, design and user experience (including animations).

The good news is that we don’t have to do that anymore because together with Angular we now have available an amazing suite of Material Design components, ready to be used! And that is what this course is all about: The Angular Material component suite.

Course Overview

We will

  • Learn how to add  the Angular Material to your angular project
  • Learn Angular Material Typography
  • Learn Angular Material Buttons and Indicators
  • Learn Angular Material Navigation
  • Learn Angular Material Layout
  • Learn Angular Material Form Controls
  • Learn Angular Material Popups and Modals
  • Learn Angular Material Data Tables

What Will You be able to do at the End Of This Course?

You will be able to comfortably build an Angular application using Angular Material and the Angular CLI. You will be able to scaffold an application from an empty folder and have gestures and animations working out of the box.

You will be able to setup the navigation menu of the application using the Angular Router and different types of Angular Material menus. You will be able to setup the main layout of your application using standard Angular Material container components such as Tab Containers or Cards, and use common components such as: data tables, lists, date pickers, and all sorts of form controls.

You will be able to build your own Modal dialogs, and much more, and you will be able to focus your development effort on building the application core functionality itself, instead of building the infrastructure-level UI widgets, the UI design, and the enhanced user experience that we get immediately out of the box with Angular Material.

Have a look at the course free lessons below, and please enjoy the course!

Who this course is for:

  • Developers looking to get in-depth knowledge on the Angular Material Library
  • Developers who want to upgrade their skills and get better job opportunities
  • Front-end developers who want to stay up-to-date with the latest technology
  • Back-end developers who want to learn front-end development and become full-stack developers
  • Hobbyist developers who are passionate about working with new frameworks