Dr. Dre
Модератор
- Регистрация
- 02.10.20
- Сообщения
- 61,937
- Реакции
- 153,180
- #1
Голосов: 0
Автор: HTML Academy
Название: Онлайн-курс «Анатомия CSS-каскада» (2022)
Из обычного фронтендера в техлида
Курс создан для практикующих разработчиков, которые хотят повысить свою экспертизу и прокачать инженерное мышление. В курсе досконально разбираются фундаментальные механизмы CSS: обработка значений (value processing), каскад и наследование.
Программа курса
Курс проходит в асинхронном формате. Это значит, что вы можете начать обучение в любое время и двигаться по программе с комфортной вам скоростью.
Прохождение курса займёт от 2 до 3 недель, если вы готовы заниматься 5 часов в неделю.
Раздел 1. Обработка значений и каскад
Рассмотрим понятие каскада и обработки значений. Разберёмся, как браузер вычисляет значения, и в какой момент запускается каскад.
Теория
Поговорим о стилях автора, пользователя и браузера, а также о «виртуальных» стилях. Разберём, как браузер парсит CSS-код, фильтрует объявления и отбирает значения. Коснёмся валидности, префиксов, псевдонимов, условных правил и поиска элементов в DOM-дереве.
Теория
Детально рассмотрим порядок объявления свойств и каскадирования. Разберёмся с тем, как происходит расчёт специфичности селекторов и какую роль она играет в каскаде.
Теория
Посмотрим, что происходит, если не задать значение явно. Разберёмся с наследуемыми и ненаследуемыми свойствами и значениями по умолчанию. Рассмотрим наследование кастомных свойств и способы повернуть каскад вспять.
Теория
Разберёмся, что происходит с каскадированными значениями дальше, как они вычисляются в конкретные значения, используемые для отрисовки в браузере.
Теория
Поработаем с каскадом на практике. В подробных пошаговых демонстрациях разберём реализацию типовых приемов и компонентов.
Теория
Вам нужно будет выполнить задание – реализовать алгоритм каскада на JavaScript, используя все полученные знания о CSS-каскаде.
Результат выполнения контролирует автоматизированная система проверки.
Подробнее:
Скачать:
Материал может быть удалён по требованию правообладателя
Название: Онлайн-курс «Анатомия CSS-каскада» (2022)
Из обычного фронтендера в техлида
Курс создан для практикующих разработчиков, которые хотят повысить свою экспертизу и прокачать инженерное мышление. В курсе досконально разбираются фундаментальные механизмы CSS: обработка значений (value processing), каскад и наследование.
Программа курса
Курс проходит в асинхронном формате. Это значит, что вы можете начать обучение в любое время и двигаться по программе с комфортной вам скоростью.
Прохождение курса займёт от 2 до 3 недель, если вы готовы заниматься 5 часов в неделю.
Раздел 1. Обработка значений и каскад
Рассмотрим понятие каскада и обработки значений. Разберёмся, как браузер вычисляет значения, и в какой момент запускается каскад.
Теория
- Понятие каскада.
- Вычисление значений: стадии declared, cascaded, specified, computed, used и actual.
- Контрольные тесты по темам раздела
Поговорим о стилях автора, пользователя и браузера, а также о «виртуальных» стилях. Разберём, как браузер парсит CSS-код, фильтрует объявления и отбирает значения. Коснёмся валидности, префиксов, псевдонимов, условных правил и поиска элементов в DOM-дереве.
Теория
- Источники стилей: авторские, браузерные и пользовательские.
- Парсинг и фильтрация.
- Контрольные тесты по темам раздела
Детально рассмотрим порядок объявления свойств и каскадирования. Разберёмся с тем, как происходит расчёт специфичности селекторов и какую роль она играет в каскаде.
Теория
- Детальный разбор алгоритма каскада.
- Порядок подключения стилевых файлов и объявления свойств.
- Порядок каскадирования: в какой очерёдности применяются стилевые правила. Аннотация !important.
- Cелекторы и расчёт специфичности.
- Контрольные тесты по темам раздела
Посмотрим, что происходит, если не задать значение явно. Разберёмся с наследуемыми и ненаследуемыми свойствами и значениями по умолчанию. Рассмотрим наследование кастомных свойств и способы повернуть каскад вспять.
Теория
- Наследуемые и ненаследуемые свойства.
- Значения по умолчанию.
- Кастомные свойства.
- Принудительное наследование. Ключевое слово inherit.
- Откат каскада. Ключевые слова revert, unset, initial.
- Свойство all.
- Контрольные тесты по темам раздела
Разберёмся, что происходит с каскадированными значениями дальше, как они вычисляются в конкретные значения, используемые для отрисовки в браузере.
Теория
- Этапы вычислений: computed, used, actual value.
- Контрольные тесты по темам раздела
Поработаем с каскадом на практике. В подробных пошаговых демонстрациях разберём реализацию типовых приемов и компонентов.
Теория
- Свойство font-size-adjust.
- Стилизация компонента спиннера.
- Стилизация кастомных компонентов.
- «Липкий» подвал страницы.
- Функции для вычислений в CSS.
Вам нужно будет выполнить задание – реализовать алгоритм каскада на JavaScript, используя все полученные знания о CSS-каскаде.
Результат выполнения контролирует автоматизированная система проверки.
Подробнее:
Скачать:
Материал может быть удалён по требованию правообладателя
Похожие темы
- [Udemy] Yuriy Allakhverdov ― Современный React - с Нуля до Профессионала (2023)
- [Александр Сокирка] [Udemy] Руководство по WordPress FSE (Gutenberg/JavaScript/React) (2023)
- [Андрей Коптелов] Бизнес-анализ на основе BABOK (express) (2024)
- [Udemy] Изучение концепций SQL (2023)
- [Диджитализируй] Книжный клуб для разработчиков Ботаним (2023)
- [Андрей Коптелов] Управление проектами (2024)
- [Владимир Балун] [balun.courses] Подготовка к алгоритмическим собеседованиям (2023)
- [Karpov.Courses] BI Разработка — обучение работе в Tableau. Часть 2 (2023)
- [Василий Муравьев] Полный Курс по React JS для начинающих — REACT 001 (2022)
- [Павел Дмитриев] Обучение Zennoposter 7 (2023)