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.