-
Урок 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