Школы

Рейтинг на основе отзывов, авторитетности и популярности

Подборки

Полезные и актуальные курсы, отобранные вручную

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

Сложность
Сложность
Продвинутый
Тип обучения
Тип обучения
Вебинар
Трудоустройство
Трудоустройство
Нет

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

34 900 ₽
Нет рассрочки

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

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

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

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

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

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

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

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

Практика

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

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

Навыки
1
CSS
2
Обработка значений
3
Каскад
4
Фильтрация
5
Вычисления

Школа

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

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

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

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

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

Преподаватели

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

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

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

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

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

Теория:

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

Практика:

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

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

Практика:

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

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

Теория:
  • Наследуемые и ненаследуемые свойства.
  • Значения по умолчанию.
  • Кастомные свойства.
  • Принудительное наследование. Ключевое слово inherit.
  • Откат каскада. Ключевые слова revert, unset, initial.
  • Свойство all.
Практика:
  • Контрольные тесты по темам раздела
Раздел 5. Вычисления
Разберёмся, что происходит с каскадированными значениями дальше, как они вычисляются в конкретные значения, используемые для отрисовки в браузере.

Теория:
  • Этапы вычислений: computed, used, actual value.
Практика:
  • Контрольные тесты по темам раздела
Раздел 6. Каскад на практике
Поработаем с каскадом на практике. В подробных пошаговых демонстрациях разберём реализацию типовых приемов и компонентов.

Теория:
  • Свойство font-size-adjust.
  • Стилизация компонента спиннера.
  • Стилизация кастомных компонентов.
  • «Липкий» подвал страницы.
  • Функции для вычислений в CSS.

Итоговое испытание
Вам нужно будет выполнить задание – реализовать алгоритм каскада на JavaScript, используя все полученные знания о CSS-каскаде.
Результат выполнения контролирует автоматизированная система проверки.

Рейтинг курса

4.1
Может быть интересно
Анатомия CSS-каскада
На сайт курса

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

Курс находится на модерации. Данные могут быть неактуальны.