Акции школ
Войти

Курс «CSS: Flex»

Составитель: Денис Сметнёв · Обновлено: 25.06.2026

Flex — это не просто свойство CSS. Это точка, после которой вёрстка перестаёт быть угадайкой. Курс среднего уровня: если вы уже знаете, что такое блочная модель, но сетки и выравнивание до сих пор ломаются — здесь разберут именно это. За четыре дня доходите до реального проекта: две страницы музыкального портала с адаптивом и работой в Figma. Не теория ради теории, а конкретный стек — Flex, OOCSS, Atomic CSS, SASS.

Подробнее


Компания: Хекслет (Hexlet)

Язык: ru

Уровень: Средний Длительность: 4 дня Старт: в любое время
Рассрочка: от 2 400 ₽/мес
📁 1 проект в портфолио
Почему мы рекомендуем: актуальные данные курса — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
CSS: Flex (этот) Хекслет (Hexlet) 3 900 ₽ 4 дня
Профессиональный HTML и CSS, уровень 1 HTML Academy (HTML академия) 16 900 13 900 ₽ 2 месяца 4.9 Перейти
Основы HTML и CSS Netology (Нетология) беспл. 3 недели 4.5 Сертификат Перейти
Оформление текста HTML Academy (HTML академия) беспл. 4.0 Перейти

Стоит ли идти на этот курс

Плюсы

  • Конкретный результат зафиксирован: две страницы «Music Box» — это не абстрактный «учебный проект», а сборка с реальным макетом из Figma. Видно, что именно вы сделаете.
  • Стек шире, чем заявлено в названии: кроме Flex — медиазапросы, OOCSS, Atomic CSS, SASS. Для среднего уровня это честная плотность материала за четыре дня.
  • Средний уровень — значит, базу не пережёвывают заново. Курс идёт туда, где начинаются реальные задачи: позиционирование, выравнивание по осям, адаптивный дизайн.
  • Цена около четырёх тысяч рублей за точечную тему — низкий порог входа, чтобы проверить формат Хекслета, не вкладываясь в долгосрочную подписку.

Минусы и кому не стоит

  • Данных о проверке работ и обратной связи нет — непонятно, разберёт ли кто-то ваши страницы «Music Box» по существу или курс заканчивается самопроверкой. Кому важен разбор работы с наставником — этот момент стоит прояснить у Хекслета заранее, иначе формат может разочаровать.
  • Четыре дня — плотный спринт. Для тех, кто осваивает новое медленно или совмещает с работой, темп может оказаться некомфортным: материал придётся догонять самостоятельно.
  • Сертификат об окончании в описании курса не упомянут. Если документ нужен для портфолио или HR — этот вопрос остаётся открытым.

Когда этот курс вам не нужен

Если вы уже уверенно верстаете адаптивные макеты и знаете, в чём разница между OOCSS и BEM на практике — этот курс вам не нужен, вы его переросли. Также не стоит идти сюда, если ваша цель — быстро «войти в профессию»: четыре дня по одной теме не заменят системный путь. И если вы ищете курс с живым ментором и гарантированным ревью кода — сначала убедитесь, что такой формат здесь есть.

Как выбрать курс по этому направлению

Выбирая курс по веб-разработке, смотрите на одно: есть ли в конце продукт, который вы сделали сами. Не тест, не «выполните задание по образцу» — а страница, которую можно открыть в браузере. Второй момент — методология. Курс, где учат только синтаксис, не готовит к реальному проекту; курс, где разбирают OOCSS или Atomic CSS, даёт инструмент для командной работы. Третье — адаптив: если в программе нет медиазапросов, вы выходите с половиной навыка. Цена вопрос отдельный: в диапазоне до пяти тысяч рублей за точечный курс по одной теме — нормально, если тема закрыта полностью.

Частые вопросы

Подойдёт ли курс, если я вообще не знаю CSS?

Нет. Уровень заявлен как средний — предполагается, что вы уже работали с HTML и базовыми свойствами CSS. Новичку лучше начать с основ блочной модели, иначе Flex просто не ляжет на фундамент.

Сколько времени реально нужно на прохождение?

По данным курса — четыре дня. Это интенсивно: скорее всего, подразумевается плотная работа, а не час в день. Рассчитывайте на полное погружение, если хотите уложиться в этот срок.

Нужно ли знать SASS до начала курса?

В fact-sheet SASS упомянут как часть результатов («закрепите навыки»). Слово «закрепите» намекает, что базовое знакомство приветствуется. Если SASS для вас новый инструмент — возможно, понадобится дополнительное время на его освоение параллельно.

Будет ли сертификат после окончания?

Информации о документе об окончании в описании курса нет. Этот момент стоит прояснить напрямую у Хекслета перед оплатой.

Поможет ли курс найти работу?

Данных о программе трудоустройства нет. Flex — важный навык для любого фронтенд-разработчика, но сам по себе один инструмент работу не даёт. Воспринимайте курс как закрытие конкретного пробела, а не как карьерный трамплин.

Зачем здесь Figma, если это курс по CSS?

Работа с макетом в Figma — стандартная часть реального рабочего процесса верстальщика: получил макет от дизайнера, перевёл в код. То, что курс включает этот шаг, — плюс: вы отрабатываете не синтетические задачи, а реальный сценарий.

3 900 ₽ · от 2 400 ₽/мес
Перейти на страницу курса
Длительность курса

Длительность курса

4 дня

Формат обучения

Формат обучения

Короткие лекции в виде текста или видео, тесты, упражнения. Практические задания после завершения курса

Обратная связь

Обратная связь

В плане “Профессиональный” можно задавать вопросы менторам в разделе «Обсуждение». В плане “Премиум” закрепляется персональный наставник, который проверяет проекты, делает код-ревью: включено 4 часа голосовых консультаций наставника. Это время можно частично или полностью заменить на переписку в чате в пропорции 1 к 1.5.

Теория и практика

Теория и практика

19 часов теории с тестами и упражнениями после каждого модуля 9 модулей 1 практическое задание после курса

Чему научитесь

  • Разбираться в базовых свойствах Flex
  • Упрощать работу при вёрстке макета
  • Позиционировать элементы по вертикали и горизонтали
  • Работать с flex-контейнерами
  • Определять главную оси для рендера элементов
  • Переносить и выравнивать элементы внутри флекс-контейнера
  • Разбираться в свойствах для работы с элементами внутри Flex-контейнеров
  • Работать со свойствами flex-wrap, justify-content, align-items и другими
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Веб-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

Введение

Узнать о курсе посвящённому Flex

теория

Что такое flex?

Узнать о концепции flex, преимуществах и сценариях использования

теория

Flex-контейнер

Познакомиться с flex-контейнерами и возможностями определения главной оси для рендера элементов

теория

упражнение

Перенос элементов в контейнере

Узнать о способах переноса элементов внутри флекс контейнера. Научиться пользоваться свойством flex-wrap

теория

Выравнивание элементов по главной оси

Узнать о способах выравнивания элементов по главной оси внутри флекс контейнера. Познакомиться со свойством justify-content

теория

упражнение

Выравнивание элементов по перпендикулярной оси

Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс контейнера. Познакомиться со свойством align-items

теория

упражнение

Свойства Flex-элементов. Гибкость. Flex-grow

Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойство Flex-grow

теория

Свойства Flex-элементов. Гибкость

Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойства flex-shrink, flex-basis, flex

теория

Свойства Flex-элементов. Расположение

Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойства order и align-self

CSS

Flex

Работа с Flex. Применение свойств flex-wrap, justify-content, align-items, Flex-grow, flex-shrink, flex-basis, flex, order и align-self

Навыки, которые вы получите

 
FLEXBOX

Компания, проводящая курс

Хекслет (Hexlet)

91 курс по 330 темам

Образовательная платформа Хекслет (Hexlet) осуществляет образовательную деятельность по направлениям программирования. В 2014 году проект...

Преподаватели курса

веб-разработчик

Ключевые навыки: HTML, CSS, JS Frontend. Много лет работал в...

Отзывов об этом курсе пока нет

Ниже — проверенные отзывы о школе Хекслет (Hexlet): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

больше курсов

Похожие курсы компании

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(11)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
больше курсов

Другие курсы этих преподавателей

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(1)
3 000