Анатомия CSS-каскада

все курсы

Программирование

от 2 до 3 недель,

начало 23 апреля

Сложность

Продвинутый

Тип обучения

Вебинар

Трудоустройство

Отсутствует

Стоимость курса

бесплатно

нет рассрочки

Что вас ждёт на курсе

Структурированная теория

Каждый день вы получаете доступ к новому уроку. Изучаете теорию из текстового учебника и отобранных нами материалов.

Вечнозелёный контент

Мы следим за актуальностью учебных материалов. Чтобы вы получали свежие навыки и были конкурентоспособным специалистом.

Программа курса соответствует последним актуальным спецификациям и синхронизируется с ними при их обновлении:

Эффективные форматы обучения

В курсе мы используем самые эффективные для обучения профессионалов форматы: тексты, тренажёры и автотесты. Мы не злоупотребляем видео, используем его только там, где оно необходимо.

Практика

Чтобы действительно научиться новому – недостаточно прочитать теорию. Поэтому в конце каждого раздела вы выполняете домашние задания, в которых закрепляете учебный материал.

Что вы получите после обучения

Приобретаемые навыки

CSS

Обработка значений

Каскад

Фильтрация

Вычисления

Вас будут обучать

Александр Першин

курс

Совладелец HTML Academy, разработчик с 16-летним опытом.

Виталий Зюзин

курс

Разработчик с 10-летним опытом.

Лидия Захарова

курс

Фронтендер в HTML Academy, разработчица с 8-летним опытом.

Образовательная организация

HTML Academy

4.4

274 отзыва

Наша цель — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

В 2013 году Саша и Лёша запустили HTML Academy. Мы с самого начала решили учить работать с живым кодом, решая задачи, приближенные к реальным. Мы даём возможность получить не только знания, но и умения. В процессе обучения мы сталкиваем ученика с испытаниями, принцип которых — «сверстай, как показано в образце». Именно по такому принципу работают большинство верстальщиков.

Мы считаем вёрстку очень полезным навыком для любой IT-специальности. Поэтому стараемся делать наши тренажёры максимально интересными, затягивающими, интерактивными, необычными, где-то похожими на игру.

Мы подготовили тренажёры, затрагивающие разные аспекты работы верстальщика. Этого достаточно, чтобы вплотную познакомиться с вёрсткой. А для тех, кто хочет вырасти в профессионала, мы подготовили шесть онлайн-курсов. Эти уникальные образовательные программы позволяют подготовить специалистов с необходимыми для веб-индустрии навыками. И в этом нам помогают наставники. Сейчас с нами работают более трёхсот наставников.

Если тренажёров и курсов вам будет мало, то можно посмотреть на книжную полку, где мы постепенно собираем книги по веб-разработке. Или зайти к нам на форум и обсудить волнующий вас вопрос.

Программа курса

Раздел 1. Обработка значений и каскад

Рассмотрим понятие каскада и обработки значений. Разберёмся, как браузер вычисляет значения, и в какой момент запускается каскад.

Теория:

Понятие каскада.
Вычисление значений: стадии declared, cascaded, specified, computed, used и actual

Практика:

Контрольные тесты по темам раздела

Раздел 2. Фильтрация

Поговорим о стилях автора, пользователя и браузера, а также о «виртуальных» стилях. Разберём, как браузер парсит CSS-код, фильтрует объявления и отбирает значения. Коснёмся валидности, префиксов, псевдонимов, условных правил и поиска элементов в DOM-дереве.

Теория:

Источники стилей: авторские, браузерные и пользовательские.
Парсинг и фильтрация.

Практика:

Контрольные тесты по темам раздела

Раздел 3. Каскад

Детально рассмотрим порядок объявления свойств и каскадирования. Разберёмся с тем, как происходит расчёт специфичности селекторов и какую роль она играет в каскаде.

Теория:

Детальный разбор алгоритма каскада.
Порядок подключения стилевых файлов и объявления свойств.
Порядок каскадирования: в какой очерёдности применяются стилевые правила. Аннотация !important.
Cелекторы и расчёт специфичности.

Практика:

Контрольные тесты по темам раздела

Раздел 4. Получение значений по умолчанию

Посмотрим, что происходит, если не задать значение явно. Разберёмся с наследуемыми и ненаследуемыми свойствами и значениями по умолчанию. Рассмотрим наследование кастомных свойств и способы повернуть каскад вспять.

Теория:

Наследуемые и ненаследуемые свойства.
Значения по умолчанию.
Кастомные свойства.
Принудительное наследование. Ключевое слово inherit.
Откат каскада. Ключевые слова revert, unset, initial.
Свойство all.

Практика:

Контрольные тесты по темам раздела

Раздел 5. Вычисления

Разберёмся, что происходит с каскадированными значениями дальше, как они вычисляются в конкретные значения, используемые для отрисовки в браузере.

Теория: