Урок 1.00:06:23
Create an Angular App for the Workshop
Урок 2.00:06:23
Adding some Layout to the App
Урок 3.00:03:00
Migration from CSS to SCSS
Урок 4.00:08:04
Migration from LESS to SCSS
Урок 5.00:06:00
About Style Encapsulation in Angular
Урок 6.00:06:06
Let's initialise a custom Theme
Урок 7.00:18:05
About Color System in Material Design
Урок 8.00:09:55
How to add additional colors to Angular Material (success & info color)
Урок 9.00:10:38
Theming our own component
Урок 10.00:06:31
Improve Theme for our Custom Component
Урок 11.00:15:16
Typography in Angular Material & how to configure it
Урок 12.00:20:45
Light off - Dark Theme Implementation
Урок 13.00:11:44
How to load our Themes lazily
Урок 14.00:06:22
Reduce Bundle Size for our Styles
Урок 15.00:03:20
Fix Typography Bug - changing of global Typography Selector
Урок 16.00:08:43
Density in Angular Material & How to adjust it for custom Components
Урок 17.00:07:20
How to work with Elevations (Shadows)
Урок 18.00:06:31
How to override default properties in Angular Material
Урок 19.00:08:33
Migration to Angular 12 but keeping old Theming API
Урок 20.00:03:53
Overview of the new Angular 12 Material Theme API
Урок 21.00:09:13
Improving UX by implementing Strong Focus Indicator
Урок 22.00:14:26
Migration to Angular 12 Material Theme API
Урок 23.00:05:36
Switching Graphic Elements (aka images, logos) between Themes
Урок 24.00:09:13
UPD 1: How to override Background/Foreground colors
Урок 25.00:10:02
Migration To Angular Material 13
Урок 26.00:10:27
Migration of the project to Angular 15
Урок 27.00:05:52
Intro to SASS/SCSS language
Урок 28.00:06:53
Variables in SASS/SCSS
Урок 29.00:04:36
How to work with Hash Maps, Lists & @each loop
Урок 30.00:04:56
Functions in SASS/SCSS
Урок 31.00:03:10
Re-use Styles with SASS Mixins
Урок 32.00:05:40
More maintainable code with Modules
Урок 33.00:03:56
Nesting in SASS/SCSS
Урок 34.00:09:17
Project Layout & Angular Material Installation
Урок 35.00:06:00
About Style Encapsulation in Angular
Урок 36.00:06:10
Custom Theme Initialization
Урок 37.00:05:13
Overview of Angular Material Theming API
Урок 38.00:05:07
Anatomy of Material Theme Config
Урок 39.00:07:54
Understanding the Theme Color System
Урок 40.00:02:59
Configuring Primary, Accent & Warn Colors
Урок 41.00:08:52
Configuration of Foreground and Background colors
Урок 42.00:04:37
Creating a Custom Color Palette
Урок 43.00:07:58
How to work with Elevations (Shadows)
Урок 44.00:08:08
How to Configure Typography for the Theme
Урок 45.00:04:36
What is Typography Hierarchy
Урок 46.00:02:58
How to configure Density in Angular Material Theme
Урок 47.00:11:25
Theming Custom Components (Colors)
Урок 48.00:07:39
Theming Custom Components (Typography)
Урок 49.00:09:48
Theming Custom Components (Density)
Урок 50.00:07:33
Theming Custom Components (Multiple Component Color Variants)
Урок 51.00:04:17
Theming Custom Components (Elevations)
Урок 52.00:04:16
Reducing the Theme bundle Size
Урок 53.00:17:07
Refactoring and Splitting Theme Structure
Урок 54.00:10:34
Implementing the Dark Theme
Урок 55.00:06:17
Splitting Themes Into Separate File Chunks
Урок 56.00:04:36
Conditionally Switching Between Dark/Light Theme Without JavaScript
Урок 57.00:17:05
Lazy-Loading the Themes
Урок 58.00:04:24
Loading Theme on Demand
Урок 59.00:07:34
How Keep Selected Theme Persistently
Урок 60.00:07:38
How To Apply Additional Colors To the Theme
Урок 61.00:09:22
Scoped Styles (Sub-Theming) in Angular Material Theme