Advanced CSS and Sass: Flexbox, Grid, Animations and More! — Май 2018

17 участников

О чём курс

Вам больше не придется гадать, почему верстка «едет» — здесь детально разбирают внутреннюю логику CSS: каскад, наследование и вычисление специфичности селекторов. Вы перестанете писать хаотичный код и освоите архитектурный подход к стилям через методологию BEM и компонентное проектирование.

Внутри курса:

  • Разбор современных инструментов верстки: от глубокого погружения в Flexbox и CSS Grid до продвинутого адаптивного дизайна с использованием мобильных и десктопных стратегий.
  • Работа с Sass в масштабируемых проектах: настройка глобальных переменных, управление медиа-запросами и автоматизация процессов через NPM.
  • Визуальные эффекты: создание анимаций через @keyframes, интеграция фоновых видео и оптимизация SVG-графики для быстрой загрузки страниц.

Материал рассчитан на веб-разработчиков, желающих перейти от «метода тыка» к профессиональной, предсказуемой и легко масштабируемой верстке. Итогом обучения станут полноценные проекты, сверстанные с использованием продвинутых возможностей CSS и Sass.

Программа обучения

  • Понимание работы CSS (каскад, специфика, наследование)
  • Архитектура CSS и BEM
  • Продвинутые техники Flexbox (реальный проект)
  • Продвинутые техники CSS Grid (реальный проект)
  • Продвинутые анимации (keyframes, переходы)
  • Использование Sass в реальных проектах
  • Продвинутый отзывчивый дизайн (медиа-запросы, em/rem)
  • Работа с отзывчивыми изображениями в HTML и CSS
  • Использование SVG и фонового видео
  • Экосистема NPM и процессы сборки
Складчина создана 24 мая 2018 г. · описание обновлено 23 марта 2026 г.

Выпуски серии 2

Все 2
Повтор 150 ₽Май 2018 Вы здесь

Другие материалы автора 1

JS Jonas Schmedtmann Все материалы
154 ₽ 620 ₽