CSS: язык оформления веб-страниц
CSS контролирует каждую визуальную деталь веб-страницы — цвет, макет, отступы, анимацию и адаптивность. Он эволюционировал из простого слоя представления в полнофункциональный язык дизайна с современными возможностями, такими как контейнерные запросы, @layer, логические свойства и Houdini API, которые дают разработчикам точный контроль над рендерингом. Этот курс охватывает весь спектр CSS — от написания первого селектора до проектирования масштабируемых дизайн-систем, используемых в крупных production-кодбейсах.
Что вы изучите
Вы начнёте с синтаксиса, селекторов, цветов и типографики, затем углубитесь в понимание блочной модели, свойств отображения и позиционирования. Далее вы работаете с Flexbox и CSS Grid для стандартных и продвинутых макетов, применяете адаптивный дизайн и media queries, используете CSS-переменные, пользовательские функции и design tokens для управляемого оформления. Вы также изучите переходы, keyframe-анимации, трансформации, фильтры, режимы наложения и тёмный режим — плюс современный инструментарий с Sass, PostCSS и CSS-in-JS паттернами. Курс завершается архитектурой CSS с использованием BEM, специфичностью и каскадом, контейнерными запросами, @layer слоями каскада, CSS Houdini и оптимизацией производительности.
Структура обучения
Сорок курсов охватывают уровни от A1 до C1. Начальные курсы A1 и A2 закладывают основы — селекторы, блочная модель, псевдоклассы, псевдоэлементы и единицы измерения. Курсы B1 охватывают Flexbox, Grid, адаптивный дизайн, анимации, отладку с помощью DevTools и CSS-функции. Курсы B2 переходят к продвинутым Flexbox и Grid, Sass, PostCSS, CSS-in-JS, design tokens, CSS Shapes, логическим свойствам, контейнерным запросам и CSS Layers. Три курса C1 — CSS Houdini, CSS Performance и CSS Future — рассматривают передовые возможности платформы.
Как это работает
Каждый курс разделён на короткие, сосредоточенные уроки, которые вы выполняете непосредственно во встроенном редакторе с реальной обратной связью. AI-тьютор всегда поможет, если вы затрудняетесь, а обучение спланировано так, чтобы каждое понятие закреплялось перед изучением следующего.