CSS

Освой каскадные таблицы стилей на курсе CSS! От вёрстки до анимаций — с упором на визуальный дизайн и адаптивность.

Чему научится ученик?
Модуль 1: Основы CSS
• Селекторы, каскадность, наследование
• Box Model, позиционирование (float, position)
• Работа с текстом, шрифтами, отступами
Результат: Многостраничные сайты (Jaguar, блог) с семантической вёрсткой!

Модуль 2: Современные макеты
• Flexbox (игра Flex-frog)
• CSS Grid (игра Grid Garden)
• Сложные сетки для интернет-магазинов
• Псевдоклассы (:hover) и псевдоэлементы (::before, ::after)
Результат: Адаптивные лендинги (Sneakers Shop) с интерактивными элементами!

Модуль 3: Анимации и эффекты
• Трансформации (transform)
• Ключевые кадры (@keyframes)
• CSS-фильтры, градиенты
Результат: Анимированные планеты Солнечной системы, 3D-кнопки, интерактивные галереи!

Модуль 4: Профессиональные инструменты
• Tailwind CSS (установка, классы утилиты)
• Адаптивность через media queries
• Оптимизация: сжатие изображений, тестирование скорости
Результат: Публикация адаптивного сайта (Manage) с mobile-first дизайном!

Итог курса: 10+ проектов в портфолио, включая интернет-магазин. Навыки: Flexbox/Grid, анимации, Tailwind, кроссбраузерная вёрстка.