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