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

Курс «CSS: Позиционирование»

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

CSS-позиционирование — это то место, где фронтенд-разработчики чаще всего застревают надолго. Флексы, гриды, адаптивность — без понимания этих механик верстать что-то сложнее лендинга не получится. Курс «CSS: Позиционирование» от Хекслета рассчитан на средний уровень: базовый синтаксис CSS знать нужно, зато после пяти дней программы должно сложиться рабочее понимание — от плавающих элементов до медиазапросов и OOCSS.

Подробнее


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

Язык: ru

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

Актуальная программа курса (3 модулей, по данным школы)

  1. Позиционирование элементов
  2. Grid и Flex
  3. Адаптивность сайта

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

Junior
80 000 ₽
Middle
130 000 ₽

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

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

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

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

Плюсы

  • Сжатая фокусировка — три модуля за пять дней охватывают позиционирование, Grid/Flex и адаптивность: это именно тот набор, который нужен для самостоятельной верстки адаптивных интерфейсов, без лишней воды вокруг.
  • Конкретный стек навыков: OOCSS, медиазапросы, viewport, выравнивание по осям — перечень прикладной, не абстрактный. Видно, что именно будет отработано.
  • Средний уровень — значит, первый модуль сразу про позиционирование и наложение элементов, не про то, что такое тег и зачем нужен CSS.
  • 3 900 ₽ за узкоспециализированный модуль — нормальная цена, чтобы проверить подход школы на одной теме, не вкладываясь в долгую программу.

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

  • Нет данных о практических заданиях и обратной связи — а именно это в верстке решает, останется ли навык. Стоит выяснить у школы до старта: есть ли здесь реальные задачи на вёрстку или только видео с теорией.
  • Пять дней — плотный темп. Если параллельно работаешь, этот ритм может не зайти: материал по Grid и адаптивности требует времени на закрепление, не только просмотра.
  • Информации о сертификате или документе об окончании в описании курса нет — если это важно для работодателя, лучше прояснить этот момент заранее.

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

Если вы уже уверенно верстаете на Grid и Flex и понимаете медиазапросы на практике — программа не добавит нового. Также не стоит идти на этот курс, если ищете полноценную фронтенд-программу с портфолио и сопровождением: пять дней на один раздел CSS — это точечное углубление, не старт с нуля и не подготовка к трудоустройству.

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

Когда выбираешь курс по разработке, первый вопрос — программа: что именно разбирают, а не сколько часов записано. Grid и Flex должны быть отдельными темами, а не упомянуты одной строкой. Второй вопрос — адаптивность: viewport и медиазапросы сейчас не опциональная тема, а база для любого коммерческого проекта. Третий — практика: курс без заданий на реальную верстку превращается в чтение документации с чужим голосом. По цене: короткий специализированный курс на конкретный блок технологий — другой формат, чем полноценная программа; сравнивайте с тем, что именно покрывает, а не просто по стоимости.

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

Нужна ли база CSS перед этим курсом?

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

Сколько времени займёт обучение?

Программа рассчитана на пять дней. Реальный темп зависит от вашей загрузки — при плотном графике закладывайте больше.

Что я смогу верстать после курса?

Заявленный результат — адаптивные интерфейсы для разных устройств. Программа включает Grid, Flex, медиазапросы и viewport — это рабочий набор для адаптивной вёрстки.

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

В описании курса этих сведений нет. Если документ нужен — свяжитесь со школой напрямую и уточните условия.

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

Программы трудоустройства у курса нет. Это специализированный модуль по одному разделу CSS, не карьерная программа. Позиционирование и адаптивность — нужные навыки для фронтенд-позиций, но пяти дней на один блок для смены профессии недостаточно.

Чем отличается этот курс от бесплатных материалов по теме?

Структурой: три связанных модуля — позиционирование, Grid/Flex, адаптивность — выстроены в одну последовательность. Стоит ли это денег — зависит от того, нужна ли вам готовая структура или вы готовы собирать материал из разных источников сами.

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

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

5 дней

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

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

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

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

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

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

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

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

13 часов теории с тестами и упражнениями после каждого модуля 8 модулей

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

  • Понимать, как браузеры отображают HTML, что такое нормальный поток документа
  • Использовать относительное позиционирование и понимать его особенности
  • Выдернуть элемент из нормального потока
  • Разбираться в связи абсолютного и относительного позиционирования - - Абсолютно позиционировать элемент относительно другого блока
  • Позиционировать элемент относительно самого браузера
  • Работать с плавающими элементами и их особенностями
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

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

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

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

Введение

Узнать о курсе

теория

Поток документа

Узнать о том, как браузеры отображают HTML, что такое нормальный поток документа

теория

Относительное позиционирование

Научиться использовать относительное позиционирование и узнать его особенности

теория

упражнение

Абсолютное позиционирование

Узнать о том, как выдернуть элемент из нормального потока

теория

Относительное и абсолютное позиционирование

Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блока

теория

упражнение

Фиксированное позиционирование

Научиться позиционировать элемент относительно самого браузера

теория

Плавающие элементы

Узнать о плавающих элементах и их особенностях

теория

упражнение

Наложение элементов

Узнать о наложении элементов, связи позиционирования и наложения

теория

HTML

CSS

Позиционирование HTML элементов

Знание свойства position, влияние его на поток документов внутри HTML разметки.

Относительное и абсолютное позиционирования

Позиционирование элементов относительно самого браузера

Особенности работы с плавающими элементами

Наложение элементов, понимание связи позиционирования и наложения

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

 
ВЕРСТКА

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

Хекслет (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