What you would learn in Angular Material Theming course?
This course is for those who are fed up with the chaos in their Angular Material Theme.
This 4 Hours Course will teach you how to manage your Angular Material theme and bring order into your (S-)CSS. It will not be hacked, but we will gracefully extend it.
How can we do it?
First, let's learn the basics of SASS(SCSS). Why do we need it? The Angular Material Theme uses SASS language. If we want to extend or reuse functionality, we must "speak the same languages." It will only cover the SASS features that you need to complete this course.
Second. I will briefly cover the basics of Material Design specifications like colors and typography anatomy so that you can understand why certain things are done in this way.
Thirdly We will expose the source code and internals of the theme. This will provide an overview of the inner workings of the article, its hidden features, and limitations.
What will I be able to do after the course?
You will learn how to refactor your theme to be consistent, concise, and easy to maintain. You'll be able to change color palettes, add more colors like success or information, and fetch different shades (darker or lighter). The course will teach you how to create a Dark Theme, how to load it on demand (lazy), and how you can reduce your CSS bundle size by 2x. You will learn how typography works and set up different font sizes and font families for your paragraphs, titles, buttons, inputs, etc. You'll be able to adjust the density (measures) for both Material components as well as your custom ones. This is only a part of the information you will be learning. Scroll down to Curriculum for the complete list.
Important!
This course does not include Angular Material Components or Angular CDK. This course is primarily focused on Theming.
Course Content:
- How to use a dark theme in your application
- Proper component Theming
- Understanding the color system in Material Design and as Angular Material, and how to set up and extend your color palette
- Basic SCSS language syntax, features such as Variables and Modules, Loops. Hash-Maps. Functions.
- How to bypass the default settings of the Angular Material Theme
- How to set the density of your Angular Materials Theme
- How to configure and work with Typography in Angular Material
- How to lazy-load themes and reduce bundle size
Download Angular Material Theming from below links NOW!
