Интенсив

Верстка веб-приложений

Изучите HTML, CSS и современные модули для позиционирования элементов: Flex, Grid, Columns. Научитесь разворачивать окружение, которое поможет в разметке и написании CSS стилей.

Записаться на программу
Иконка программы Верстка веб-приложений
Программа

Актуальные инструменты

Обучение

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

Код-ревью

Постоянно и глубоко

Результат

Востребованный навык

Учим необходимому

Основы вёрстки и позиционирования контента

1. Основы вёрстки и позиционирования контента

Изучите базовые принципы работы с HTML и CSS. Познакомьтесь с возможностями разметки контента и научитесь правильно размечать данные и располагать их на странице с помощью базовых инструментов позиционирования. Настройте своё первое рабочее окружение.
Темы
Что изучаем: подходы, библиотеки, особенности

Базовая структура документа

Разметка различных типов элементов

Стилизация элементов с использованием CSS

Принципы организации CSS кода

Позиционирование с помощью свойства position

Использование современных инструментов для вёрстки (редакторы кода, плагины)

Отладка кода с использованием DevTools

Базовая настройка окружения для вёрстки (node, npm, stylelint, htmlhint, surge)

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

2. Продвинутое позиционирование элементов и адаптивность

Изучите возможности позиционирования элементов с помощью трёх основных CSS модулей: Columns, Flex и Grid. Научитесь выбирать оптимальный инструмент исходя из потребностей. Узнайте, как адаптировать страницу под различные устройства.
Темы
Что изучаем: подходы, библиотеки, особенности

Позиционировать элементы с помощью модулей Columns, Flex и Grid

Адаптировать страницы под различные устройства и разрешения

Базовые принципы доступности веб-страниц

Работа с графическим редактором Figma

Работа с автоматизированными тестами

Итоговый проект
Создайте и опубликуйте свою первую вёрстку. В первом проекте вы примените знания, пройденные в курсах. Используете позиционирование и встретитесь с основными задачами, которые решаются с помощью Flex. Во время вёрстки вы узнаете о распространённых когнитивных искажениях и научитесь их преодолевать. Подробнее

Кому подойдёт обучение

  • Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике
  • Тем, кто хочет сменить стек
  • Тем, кто не знаком с этой темой и хочет в ней разобраться на хорошем уровне
Тото обучает студентов

Формат

Обучение в группе со студентами и наставником. Программа состоит из нескольких модулей. Каждый модуль включает в себя теорию в формате видео-лекций, домашние задания и проект в конце каждого модуля, закрепляющий пройденный материал. Проекты сохраняются в профиле на GitHub и становятся частью портфолио студентов.

В ходе обучения наставник отвечает на вопросы, проверяет домашние задания, делает код-ревью проектов и проводит мероприятия, дополняющие учебную программу: живые вебинары, Q&A сессии, лайвкодинг

Стоимость обучения

  • Настоящая рассрочка, без банковского кредита
  • Равными платежами на 2 месяца
20 600 ₽ / месяц

или

33 000 ₽ экономия 8 200 ₽

при оплате сразу за 2 месяца

дата определяется
Записаться на программу
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Корпоративное обучение для команд и организаций

hexlet logo
Хекслет

C 2012 года на рынке онлайн-образования. Около 17 000 человек обучаются на платформе ежемесячно. Более 30 компаний-партнеров гарантированно собеседуют наших выпускников.

Интенсив — это короткая программа, которая позволяет глубоко разобраться в определённой теме. Интенсивы подойдут тем студентам, у которых есть опыт программирования, хотя бы небольшой. Они получат максимальную пользу, так как на практике столкнулись с проблемами, решение которых мы даём во время обучения.

Мы рекомендуем выделять 15–20 часов в неделю, тогда получится сдать все домашние задания и проекты вовремя.

Конечно, это приблизительная оценка, фактическое время будет зависеть от вашего опыта.

Вы будете учиться в группе вместе с другими студентами.

Теоретическая часть обучения — записанные лекции в видеоформате. Также наставник проводит живые мероприятия: вебинары, масскодинги, лайв-кодинг. На этих мероприятиях лучше присутствовать лично, чтобы сразу задать вопросы, но если не получается, не страшно — записи мы сохраним.

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

Да. Если вам нужно передохнуть или жизненные обстоятельства складываются так, что учиться не получается, вы можете взять академический отпуск. Просто предупредите об этом вашего куратора.

Общая продолжительность отпуска — 1 месяц. Распределяйте это время, как вам удобно: берите целиком или разбивайте по неделям. Ваше обучение на Хекслете просто увеличится на количество пропущенных дней. Доплачивать за них вам не придется.

Каждый наставник — опытный программист, который добился успехов в профессии, а теперь делится знаниями и опытом со студентами Хекслета. Кандидаты проходят строгий отбор — наставником становится лишь каждый десятый, поэтому случайных людей у нас нет.

Наставник помогает справляться с трудностями, отвечает на вопросы, проверяет домашние задания и делает ревью проектов.

Студенты общаются с наставником в закрытом чате группы.

Мы принимаем карты Visa, MasterCard и МИР любого банка, валюта счёта тоже может быть любой.

Да, мы гарантируем возврат всей суммы в течение 14 дней с начала обучения.