Angular Material Theming Workshop (Advanced, 2021)

在这个 3 小时的研讨会中，您将学习如何正确创建和扩展 Angular Material Theme，以保持其一致性和可维护性。我们将深入研究源代码并探索官方 Angular Material 文档中甚至未涵盖的隐藏功能和技巧。

这是一门 100% 的实践课程，主要由编码和非常小的必要理论组成。新知识将立即应用于真实的 angular 项目，因此您可以立即在工作中使用这些技巧并让您的同事惊叹不已。

除了主题之外，您还将学习 SASS 语言的基础知识，这对于在 Angular Material 中使用主题是绝对必要的，但不要害怕，您不会不知所措，因为我只会教您成功完成课程所需的东西。

在这里您可以看到您将学习的主要功能列表：

如何从 CSS3/LESS 迁移到 SASS；
了解材质颜色系统；
使用附加颜色扩展调色板（成功/信息）；
如何主题化你自己的组件；
如何实现黑暗主题；
排版的配置；
如何优化主题包大小和延迟加载主题；
如何处理密度；
正确覆盖默认材料尺寸、值等
我祝你好运，我很高兴在我的研讨会课程中见到你。

Duration: 3h 17m | 26 Lessons | Video: 1280×720, 44kHz | 2.2 GB
Genre: eLearning | Language: English | Level: Intermediate

In this 3-hours workshop you will learn how to properly create and extend Angular Material Theme in order to keep it consistent and maintainable. We will dive into source code and explore hidden features and tricks which are not even covered in official Angular Material documentation.

This is a 100% practical course which consists mostly from coding and very small pieces of necessary theory. New knowledge will be immediately applied to the real-live angular project, so you could use those tricks right away at your work and amaze your colleagues.

Besides theming you will learn basics of SASS language which is absolutely necessary to work with Theming in Angular Material but do not be afraid, you will not be overwhelmed because I will teach you only things you need in order to successfully complete the course.

Here you can see the list of main features you will learn:

How to migrate from CSS3/LESS to SASS;
Understanding of Material Color System;
Extending of Color Palette with additional colors (success / info);
How to theme your own components;
How to implement Dark Theme;
Configuration of Typography;
How to optimise theme bundle size and lazy load theme;
How to deal with density;
Proper overriding of default Material sizes, values etc
I wish you good luck and I would be happy to see you at my workshop lessons.