Complete Angular Material Masterclass from A to Z

ℹ️ IMPORTANT UPDATE: Udemy has changed its coupon system. Now each course coupon is valid only for FIRST 1000 redemptions. That means within a few hours of posting, the course will no longer be FREE. Join our Telegram Channel if you don’t want to lose any Free Coupon by Clicking Here.

Complete Angular Material Masterclass from A to Z

Practical Guide Angular Material

What you’ll learn

  • Learn how to setup the Navigation Menu of your Angular Material Application

  • Learn how to use the Angular Material Widget Library
Requirements
  • Helpful to know the basics of Angular
  • You should have NodeJS installed
Description

We will start first by scaffolding an Angular Material application for scratch from an empty folder, add it a theme and gesture support. Next, we will start exploring the Angular Material components starting with some navigation menu and icons.

The goal here is to show that its also possible to use Angular Material components also in a more incremental way, by mixing Angular Material Components with a couple of custom-made components and just some HTML/CSS. Later in this section, we will use a more advanced menu system where Angular Material is essentially taking over the whole application layout, with a side menu component.

We are then going to introduce container components such as for example Tab Containers and Material Cards, and we will show a complete example of how to use a data table with a data source, pagination and sorting. We will also show how to use Modals to edit some of data in the data table, for which we will use multiple different types of form components to build an editable form: date pickers, slider, and more.

At the end of the course, we will show we can customize the look and feel of the Angular Material component suite, by building our own custom theme.

Who this course is for:
  • Anyone interested in learning how to build apps using Angular and Firestore.
  • This course is made with the beginner in mind.
Tutorial Bar
Logo
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.