Профессия

Верстальщик

Создаёт страницы с помощью HTML и CSS. Умеет полностью пользоваться возможностями модулей Flex и Grid. Использует препроцессор SASS, шаблонизатор Pug и собирает проекты с помощью Gulp. Следит за доступностью сайта создавая семантически правильную разметку. Создаёт компоненты и утилиты на Bootstrap. Верстает адаптивные проекты.

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

Технологии, изучаемые в профессии Верстальщик
Формат

текстовые уроки и упражнения с автоматической проверкой

Расписание

10 часов в неделю в удобное время

Трудоустройство

помогаем со стажировкой и поиском работы

Длительность

5 месяцев

Учебная программа

<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Когнитивные искажения">Project Alt</span>

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

Создадите первые страницы с помощью HTML и CSS. Изучите основные свойства оформления элементов на странице. Познакомьтесь с базовыми навыками анимации и типографики. Установите и научитесь пользоваться системой контроля версии git и редактором Visual Studio Code. Научитесь пользоваться командной строкой. Наполните своё портфолио на GitHub первым лендингом.

Программа наставника

Вебинары, слаконары
  • Настройка окружения (npm, stylelint, htmlhint)

  • Отладка кода (Chrome DevTools)

  • Поиск технической информации

  • Организация задач с помощью Kanban-доски (Trello)

Курсы

Теория, квизы, практика в тренажере
Основы современной вёрстки
При разработке современных интерфейсов учитываются не только последние технол...
Основы вёрстки контента
Курс посвящён работе с контентом с помощью CSS и HTML. На сегодняшний день та...
CSS: Позиционирование
Расположение элементов на странице — это обширная тема со множеством нюансов....
CSS: Flex
С ростом количества веб-страниц и усложнением дизайна возникла острая проблем...
Основы командной строки
Командная строка — это первое, с чем сталкивается программист, работающий на ...
Введение в Git
Git (система контроля версий) — один из главных инструментов в арсенале любог...

Итоговый проект

Глубокий анализ архитектуры
Когнитивные искажения
Создайте и опубликуйте свою первую вёрстку. В первом проекте вы примените знания, пройденные в курсах. Используете позиционирование и встретитесь с основными задачами, которые решаются с помощью Flex. Во время вёрстки вы узнаете о распространённых когнитивных искажениях и научитесь их преодолевать.
<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Портал «Music Box»">Project Alt</span>

2. Адаптивная вёрстка и использование SASS

Научитесь адаптировать свои страницы для различных устройств. Начните использовать новый модуль CSS Grid и расширьте возможности написания CSS используя препроцессор SASS. Освойте методы создания доступных сайтов, которые помогут людям удобно и быстро ориентироваться в вашем проекте используя только клавиатуру или screenreader. Добавьте в портфолио ещё один проект с адаптивностью и используя препроцессоры. Научитесь строить архитектуру вашего проекта и разбивать страницу на компоненты.

Программа наставника

Вебинары, слаконары
  • Построение архитектуры проекта (директории, скрипты, файлы)

  • Flex или Grid (различия и области применения)

  • Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)

  • Программирование на препроцессорах CSS (возможности, рабочие кейсы)

  • Будущее CSS (новые стандарты)

Курсы

Теория, квизы, практика в тренажере
CSS: Адаптивность
Курс посвящён адаптивности — главному элементу сайта. Адаптивная вёрстка позв...
CSS: Grid
Курс посвящён модулю CSS Grid Layout — технологичному инструменту для создан...
SASS: Основы
С развитием технологий и сложности макетов возникла потребность в автоматизац...
SASS: Программирование
Курс программирования на SASS является логическим продолжением курса SASS: ос...

Итоговый проект

Глубокий анализ архитектуры
Портал «Music Box»
Во втором проекте вы создадите две страницы музыкального портала «Music Box». Проект является логическим продолжением первого проекта. В нём вы вернётесь к созданию вёрстки по методологиям OOCSS и Atomic CSS. В процессе выполнения вы используете полученные знания из курсов по адаптивности и SASS. Адаптивность макету вам нужно будет реализовать самим. В проекте вы сможете поработать непосредственно с файлом макета в сервисе Figma.
<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Мессенджер «Hexlet Chat»">Project Alt</span>

3. Автоматизация задач и использование Bootstrap

Автоматизируйте свою работу с помощью Gulp и HTML-препроцессора Pug. Научитесь создавать свою среду для разработки проектов, в которой всё, что нужно — ввести одну команду в консоли. Познакомьтесь с фреймворком Bootstrap и узнайте, что он глубже, чем о нём принято думать. Станьте мастером создания своих компонентов и утилит.

Программа наставника

Вебинары, слаконары
  • Постпроцессоры (зачем, почему и для кого)

  • Прокачка с помощью OpenSource (где искать проект и как перестать бояться)

  • От макета до деплоя (makefile, docker, хостинги)

  • Инженерная культура

Курсы

Теория, квизы, практика в тренажере
Bootstrap: Основы
Курс посвящён Bootstrap 4 — одному из самых популярных фреймворков для верста...

Итоговый проект

Глубокий анализ архитектуры
Мессенджер «Hexlet Chat»
Третий проект посвящён работе с Bootstrap. Создайте свои компоненты и утилиты используя все доступные средства. При выполнении проекта вы используете все знания, которые приобрели в профессии. Структурно проект имеет две страницы и 5 различных экранов. Проект адаптируется под мобильные и десктопные устройства. В проекте вы сможете поработать непосредственно с файлом макета в сервисе Figma.

Обучение в браузере: теория, тесты, упражнения

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

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

Учитесь у опытных программистов

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

Истории успеха

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

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

Аватар пользователя Роман Макаров
Роман Макаров
г. Симферополь

Зарегистрировался и… пропал в Хекслете с головой на полгода. Таких интересных и подробных материалов я не встречал ещё в сети. Даже самые базовые вещи, на которые сам бы никогда не обратил внимание, тут вызывают бурное обсуждение в топиках под уроками.

Аватар пользователя Вячеслав Быков
Вячеслав Быков
г. Москва

Сертификат

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

Сертификат

Стажировка в реальных проектах

Студенты могут стажироваться в реальных проектах Хекслета и писать код под руководством опытных товарищей. Это даёт опыт работы в команде, учит ответственности и помогает стать программистом-практиком ещё до окончания обучения.

Поможем с трудоустройством

Во время обучения студенты участвуют в карьерном модуле. Вы узнаете:

  • как грамотно составлять резюме и сопроводительные письма
  • как готовиться и проходить собеседование с HR
  • как адаптироваться на рабочем месте
  • отправим ваше резюме компаниям-партнёрам Хекслета
Тото на собеседовании

Мы помогаем нашим выпускникам получить работу в ведущих компаниях

Альфа Банк Rambler Regru Bookmate Botmother Health Samurai Учи.ру Dualboot partners Funbox

Cтоимость

Первые курсы бесплатно, затем

$170 помесячно

или

$700 $850

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

Доступно без оплаты: 4 курса, 30 упражнений

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

Хекслет

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

Если у вас остались вопросы

Учиться на Хекслете может каждый желающий, предварительная подготовка не требуется. Программа обучения доступна для людей, которые окончили среднюю школу. Результат обучения зависит от вас: вашего усердия и целеустремлённости. Сомневаться в начале пути нормально. Чтобы убедиться в этом, загляните в раздел «Истории успеха», в котором наши выпускники делятся опытом обучения и успешного трудоустройства.

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

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

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

Вы научитесь программировать, освоите современные инструменты разработки, получите практический опыт на стажировке и сможете претендовать на позицию джуниор-программиста. Также вы получите сертификат. Сертификаты Хекслета ценят работодатели.

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

Вы можете оплатить обучение сразу или платить помесячно. При единовременной оплате вы получаете скидку. А помесячная оплата — это честная рассрочка от Хекслета, никаких банков, кредитов и процентов.

Мы принимаем дебетовые и кредитные карты Visa, MasterCard и American Express любого банка. Валюта счёта не имеет значения. Ваш банк автоматически конвертирует нужную сумму по действующему курсу.

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

Напишите нам на support@hexlet.io, если у вас остались вопросы