Интенсив

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

Изучите 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 месяца

дата определяется
Записаться на программу
Отправляя форму, вы соглашаетесь c «Политикой конфиденциальности» и «Условиями оказания услуг»
Хекслет

C 2012 года на рынке онлайн-образования. Около 10 000 человек обучаются на платформе ежемесячно. Более 20 000 человек в Slack-сообществе Хекслета — это одно из самых больших комьюнити опытных и начинающих программистов в рунете.

Историей. Хекслет существует с 2012 года. Мы начинали, когда онлайн-образование еще не было столько популярным, и создали онлайн-тренажер, когда на EdTech вообще замахивались единицы. Сегодня Хекслет - это целое сообщество разработчиков. Мы не просто учим, мы прививаем правильные инженерные практики и развиваем хорошую инженерную культуру.

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

Отношением к трудоустройству. Мы не обещаем его как другие. При этом студенты Хекслета получают оффер еще во время обучения, а некоторые работодатели указывают курсы Хекслета как преимущество при найме. Как такое возможно? Просто в процессе обучения мы прорабатываем те моменты, которые не оставляют шансов остаться без работы: мощные проекты, Open Source для командной практики и масса образовательных вебинаров по развитию карьеры.

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

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

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

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

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

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

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

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

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

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

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