Пройдите 5 бесплатных уроков профессии и получите
скидку 10%

Курс «Верстальщик» с нуля до трудоустройства за 10 месяцев

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений
Профессия
Практика с первого дня
Обучение без дедлайнов
14 проектов в портфолио на GitHub
Гарантированные собеседования в компаниях-партнерах
Старт 20 июня
Онлайн из любой точки мира

«Верстальщик»

или вернем деньги
Акция
Трудоустроим
Старт 20 июня
Первые уроки бесплатно прямо сейчас!
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»
Получите скидку 20 000 ₽ на профессию
Оставьте заявку и мы зафиксируем за вами скидку

Чем занимаются Верстальщики

Верстальщик отвечает за клиентскую часть сайтов и приложений, с которой пользователь непосредственно взаимодействует на своем компьютере или телефоне
Работает с HTML и CSS, JavaScript и TypeScript. Хорошо разбирается во фреймворках и библиотеках, таких как React и Redux Toolkit.
Создает веб-страницы, оживляет макеты дизайнера, используя сложные анимации и графику. Умеет публиковать сайт и приложения для доступа пользователей. Отслеживает ошибки в пользовательском интерфейсе и устраняет их

Востребованная на рынке труда IT-профессия

Можно работать из любой точки мира или искать работодателя за рубежом
Стать middle-разработчиком с вознаграждением 150 000 ₽ можно за год реальной разработки
Хорошие верстальщики быстро растут в профессии и в цене
Более 1,5 тысяч вакансий
Большая часть вакансий на удаленке
junior
middle
50 000 ₽
150 000 ₽
По результатам исследования Хабр Карьеры за 2 полугодие 2022 года
senior
180 000+ ₽
1 784 вакансии

Пройдите 5 уроков бесплатно и получите скидку на обучение

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

Кому подойдёт этот курс

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

Почему Хекслет

Практика с первого дня

Начнем писать код на первом уроке. На курсах вас ждут сотни упражнений в тренажере, испытания и реальные задачи

Опытные наставники

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

Сертификат об обучении

Работодатели ценят выпускников Хекслета, сертификат — подтверждение того, что вы отучились

Вернем деньги, если не получилось найти работу

Мы заинтересованы в успешном трудоустройстве наших студентов
Во время обучения вы также поучаствуете в Карьерном треке
Пройдете курс по трудоустройству
Научитесь откликаться на вакансии и писать сопроводительные письма
Составите грамотное резюме и портфолио, оформите рабочие профили
Выполните тестовые задания от реальных компаний
01
03
02
04
Акция

За 10 месяцев обучения вы научитесь

Работать в HTML, CSS, JavaScript и TypeScript
Ориентироваться в серверных технологиях
Разрабатывать веб-приложения и сайты
Разбираться в препроцессорах CSS
Пользоваться методами ООП и библиотекой React
Взаимодействовать с командой посредством Git
Публиковать веб-приложения и сайты в сети
Тестировать и править готовый продукт
Мыслить как опытный верстальщик

Как проходит обучение

Курс «Верстальщик» состоит из учебных модулей с уроками и проектами
В каждом уроке —
теория, тесты на закрепление изученного и практика прямо в браузере
1-2 раза в неделю —
встречи с наставником: вебинары, сессии лайвкодинга
Все онлайн-встречи сохраняем в записи —
можно пересматривать
Наставники и кураторы
помогают в учебном процессе
Мы воссоздали реальное рабочее пространство программиста
Сразу видите обратную связь по своему решению в виде тестов и их результатов
Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли
Если долго не справляетесь с задачей, можете воспользоваться подсказкой и подсмотреть решение учителя
Проходите уроки самостоятельно в любое удобное время
Учебный материал представлен в текстовом формате, иногда встречаются короткие видео
Урок — это теория, квиз (проверочный тест) и практика
Рекомендуем заниматься от 15 часов в неделю, чтобы уложиться в срок
Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий
Команда поддержки делает процесс обучения более понятным и эффективным
Наставники — практикующие разработчики, которые отвечают на вопросы в закрытом чате группы, делают код-ревью проектов, проводят активности, делятся опытом
Кураторы организовывают учебный процесс: обращайтесь, если хотите проверить прогресс, нужна пауза в обучении, сложно учиться, хотите сменить программу
Решайте задачи прямо в браузере, в тренажере Хекслета. Проходите упражнения после теории или квиза в каждом уроке
Закрепляйте знания на более сложных заданиях.
Механизм тот же, что и у упражнений, но испытания привязаны к целому курсу, а не к конкретному уроку
110 испытаний
1200+ небольших проверочных тестов (квизов)
390+ упражнений
Отвечайте на вопросы сразу после теории и закрепляйте изученный материал
Вопрос 4
Правильно!
Что позволяет сделать псевдоэлемент?
Массив как объект
В процессе
Построение маршрута
Завершен
Отслеживание зависимостей
Завершен

Программа

Будьте уверены — вы получите именно те инструменты и навыки, которые позволят получить работу верстальщика
Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием
Материалы были обновлены 2 апреля 2024 года
Основы верстки и позиционирования
2 месяца
Основы современной верстки
Основы верстки контента
CSS: Позиционирование элементов
CSS: основы Flex
Вебинары
Отладка кода (Chrome DevTools)
Стилистика верстки и основные методологии верстки
Курсы
Основы веб-программирования
2 месяца
Трудоустройство
Введение в программирование
Основы командной строки
JS. Настройка окружения
JS. Массивы
Введение в Git
Вебинары
Настройка окружения (менеджер версий asdf, ubuntu on windows)
Эффективная отладка кода (дебагер, подходы)
Поиск технической информации
Организация задач с помощью Kanban-доски (Trello)
Курсы
Игры разума
Итоговый проект
Профессиональный JavaScript
2 месяца
JS. Функции
JS. Абстракция с помощью данных
JS. Объекты
JS. Автоматическое тестирование
JS. Деревья
Вебинары
Алгоритмы и структура данных
Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)
Функциональное программирование (чистота, побочные эффекты)
Устройство языков (парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)
Курсы
Вычислитель отличий
Итоговый проект
Разработка браузерных приложений
2 месяца
Трудоустройство для разработчиков
JS. Введение в ООП
Протокол HTTP
JS. DOM API
JS. Архитектура фронтенда
JS. Объектно-ориентированный дизайн
JS. Асинхронное программирование
Регулярные выражения (Regexp)
JS. Продвинутое тестирование
Вебинары
Устройство операционных систем (администрирование, процессы, память, файловая система)
Подключение к обучению подкастов, книг, онлайн-мероприятий, вовлечение в комьюнити, ведение блога
Командная работа в Git
REST API, Очереди, Background Jobs
Курсы
RSS агрегатор
Итоговый проект
Разработка React приложений
2 месяца
JS. React
JS. Redux (React)
JS. Полиморфизм
JS. React Hooks
React. Redux Toolkit
JS. Погружаясь в классы
Вебинары
Пробные собеседования
Reach Hooks: useState, useEffect, useRef
Базовый Webpack
Как работает Redux и делаем аналог с помощью React Hooks
Практика React Hooks
Продуктовая разработка (Lean Start Up: Time To Market, MVP, A/B тесты)
Инженерная культура
Курсы
Чат (Slack)
Итоговый проект
Дополнительные курсы
TypeScript
Вебинар
Vue.js
Курс

Проекты в портфолио

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

Учебные проекты

Игры разума
Консольное приложение, представляющее из себя набор из пяти простых математических игр. Они построены по принципу популярных мобильных приложений для прокачки мозга
2-4 недели + до 2 недель на код-ревью
Вычислитель отличий
Консольное приложение, представляющее из себя программу, которая определяет разницу между двумя структурами данных. Утилита поддерживает входные форматы yaml и json, парсит и обрабатывает данные из них и выводит результат в форматах plain text, stylish и json
2-4 недели + до 2 недель на код-ревью
RSS агрегатор
Веб-приложение для сбора и просмотра информации RSS-лент из различных источников. Оно позволяет добавлять неограниченное количество RSS-лент, само их обновляет и добавляет новые записи в общий поток
2-4 недели + до 2 недель на код-ревью
Чат (Slack)
Аналог Slack-чата, упрощенная версия. Проект построен на технологиях, используемых в повседневной работе верстальщиками в целом и React-разработчиками в частности
2-4 недели + до 2 недель на код-ревью
Это проекты, которые учат разбираться в чужом коде, задавать вопросы и работать в команде. Вы сможете как отработать уже изученную теорию, так и познакомиться с другими языками, незнакомыми фреймворками и инструментами

Дополнительные проекты

Вы пройдете еще два проекта на курсе «Трудоустройство» от Хекслета
Hexlet Guides
Сайт с гайдами по разным тематикам для новичков. Знакомит с основными терминами и объясняет сложные процессы простым языком.
Code Basics
Сайт с бесплатными курсами по программированию, есть англоязычная версия. Дает основы языков с практикой прямо в браузере.
Codebattle
Сервис, на котором устраивают дуэли по решению задач по программированию в режиме реального времени. Соревнуются с ботом или живым соперником. Сервис помогает отточить навыки написания кода до автоматизма.
Hexlet SICP
Трекер прохождения SICP — учебного курса в MIT. Участники отмечают пройденные материалы, отслеживают прогресс других пользователей.
Hexlet Correction
Сервис для уведомления владельцев сайтов об ошибках и опечатках. После интеграции с ним посетители получают возможность выделить ошибку или опечатку и сообщить о ней администратору.