Angular Material Masterclass & FREE E-Book

This Course In a Nutshell (includes the Typescript Jumpstart Ebook)

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 requires 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 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.

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, setup a custom theme 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!