Изучение CSS: вёрстка сайтов

Изучение CSS на телефоне — от селекторов до адаптивных макетов, анимации и современного веб-дизайна. Короткие уроки по одной теме. Редактор открывается одним касанием: HTML и CSS рядом, предпросмотр — в реальном времени.

ЧТО ВНУТРИ

• 40 курсов, 159 уроков: от начального (A1) до продвинутого уровня (C1)

• CSS editor с HTML: мгновенный предпросмотр, эксперименты, свои страницы

• 20 проектов по веб-дизайну с подсказками: панель инструментов, сетка карточек, закреплённая шапка, пульсирующая кнопка

• 20 миссий по поиску ошибок: карточка шире на 42px, медиазапрос не срабатывает на телефоне, модальное окно скрыто за страницей

• Итоговый экзамен и сертификат об окончании

• 22 языка

ПОЛНЫЙ ПУТЬ ОТ НОВИЧКА ДО ПРОДВИНУТОГО УРОВНЯ

• Синтаксис, селекторы, цвета, фоны, типографика, блочная модель, display, позиционирование, единицы, значения

• Псевдоклассы, псевдоэлементы, CSS flexbox, CSS grid: от основ до сложных макетов

• Адаптивный дизайн, медиазапросы, запросы к контейнерам

• Пользовательские свойства (переменные), функции, специфичность, каскад, @layer

• Переходы, трансформации, анимация по ключевым кадрам, фильтры, режимы наложения

• Тёмный режим, цветовые схемы, прокрутка, переполнение, clip-path, фигуры

• Отладка в инструментах разработчика, архитектура БЭМ, препроцессоры, постобработка стилей, дизайн-токены

• Шаблоны компонентов и современных макетов, производительность, Houdini

ПРАКТИКА, КОТОРАЯ ЗАПОМИНАЕТСЯ

• Тесты, шпаргалка из 69 пунктов, 50 вопросов с понятными ответами для собеседований на позиции фронтенд- и веб-разработчиков

• Редактируемая библиотека кода; сохраняйте код, заметки и любимые уроки

• Всемирное соревнование по программированию: три глобальных раунда в день на Python, JavaScript и других языках

• Серии занятий, очки опыта, таблица лидеров, ежедневные напоминания

ИИ-НАСТАВНИК

• Спрашивайте ИИ о понятиях, ошибках, макетах, свойствах или своём коде

• ИИ-песочница создаёт HTML и CSS по описаниям страниц

• Ежедневный бесплатный лимит ИИ; без ограничений с Pro

ДЛЯ КОГО

• Новички, осваивающие веб-разработку через изучение CSS

• Дизайнеры, которые оформляют страницы, а не передают макеты

• Студенты, практикующиеся параллельно с курсом веб-дизайна

• Разработчики на HTML и CSS, осваивающие CSS flexbox и CSS grid

• Те, кто меняет профессию и готовится к работе во фронтенде

КАК ЭТО РАБОТАЕТ

1. Начните изучение CSS бесплатно: синтаксис и селекторы

2. Меняйте значения в editor; следите за предпросмотром

3. Освойте блочную модель, flexbox, grid, адаптивный дизайн, анимацию

4. Создавайте проекты с подсказками; исправляйте ошибки вёрстки

5. Сдайте итоговый экзамен и получите сертификат

БЕСПЛАТНО И Pro

Бесплатно: первый курс, первый проект с подсказками, две миссии, editor с предпросмотром и ежедневный лимит ИИ-наставника. Pro: все курсы, проекты и миссии, экзамен на сертификат, безлимитный ИИ и отсутствие рекламы.