Возможности темизации в библиотеке Angular Material гораздо мощнее, чем вы думаете. Вам просто нужно открыть и использовать эту мощь, и этот курс вам в этом поможет!
Основы синтаксиса и функции языка SCSS, такие как: переменные, модули, циклы, хэш-карты, функции и т.д.
Понимание системы цветов в дизайне и Angular Material, а также способы настройки и расширения собственной цветовой палитры
Различные стратегии миграции на SCSS из Less или CSS3
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
Автор - Dmytro Mezhenskyi (decodedfrontend.io)
Dmytro Mezhenskyi (decodedfrontend.io)
Меня зовут Дмитрий Меженский. Я эксперт Google Developer в Angular, работаю фронтенд-разработчиком с 2012 года и имею опыт работы с разными проектами, разными масштабами и фреймворками. С 2020 года я решил вести свой канал на YouTube о веб-разработке, где делюсь своими знаниями. Преподавание меня очень вдохновило, и я решил продолжить его и на других платформах, чтобы помочь сотням людей стать лучшими разработчиками.
It would be great to have those descriptions to videos he mentioning constantly at the end of the most of lessons. Thanks.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Structure Angular Apps with Angular Material Components
В этом курсе мы рассмотрим составные компоненты Angular Material. Мы начнем с компонентов, связанных с навигацией, макетом и структурой. Затем мы пройдемся по компонентам утилит, ввода и данных, демонстрируя, как каждый из них можно использовать в соответствии с потребностями вашего проекта. Наконец, мы коснемся темы вашего приложения, чтобы создать собственный внешний вид, который будет соответствовать рекомендациям по материал дизайну. К концу
Angular приложение c Angular Material, Angularfire и NgRx
Angular (Full App) with Angular Material, Angularfire & NgRx
Используйте Angular, Angular Material, Angularfire (+ Firebase c Firestore) и NgRx для создания реального Angular приложения. Angular - потрясающий фреймворк, с помощью которого вы можете создавать мощные веб-приложения.Есть много курсов, которые глубоко погружаются в Angular, но иногда вы просто хотите создать целое приложение и посмотреть, как все это работает на практике. И вы хотите использовать все эти прекрасные сторонние пакеты, которые мо