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

«Фронтенд-разработчик»

Первые уроки бесплатно прямо сейчас!

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

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

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

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

Готовы попробовать прямо сейчас?

Программа

Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием
Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу
Материалы были обновлены 10 апреля 2023 года
Основы верстки и позиционирования
2 месяца
Основы современной верстки
Основы верстки контента
CSS: Позиционирование элементов
CSS: основы Flex
Вебинары
Отладка кода (Chrome DevTools)
Стилистика верстки и основные методологии верстки
Курсы
Основы веб-программирования
2 месяца
Вебинары
Настройка окружения (менеджер версий asdf, ubuntu on windows)
Эффективная отладка кода (дебагер, подходы)
Поиск технической информации
Организация задач с помощью Kanban-доски (Trello)
Введение в программирование
Основы командной строки
JS. Настройка окружения
JS. Массивы
Введение в Git
Курсы
Игры разума
Итоговый проект
Профессиональный 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
Курс

Много практики

Закрепляйте знания на более сложных заданиях.
Механизм тот же, что и у упражнений, но испытания привязаны к целому курсу, а не к конкретному уроку
Отвечайте на вопросы сразу после теории и закрепляйте изученный материал
110 испытаний
1200+ небольших проверочных тестов (квизов)
390+ упражнений
Решайте задачи прямо в браузере, в тренажере Хекслета. Проходите упражнения после теории или квиза в каждом уроке
Завершен
Отслеживание зависимостей
Завершен
Построение маршрута
В процессе
Массив как объект
Что позволяет сделать псевдоэлемент?
Правильно!
Вопрос 4

Хекслет — это серьезная подготовка инженеров-программистов

Вам будут помогать наставники

Ирина Чигринова
За год выросла до тимлида, а еще через год стала руководителем Фронтенд-направления в IT-компании Calltouch
Геннадий Зинченко
Всего через 1,5 года работы разработчиком устроился в крупную IT-компанию «СберМаркет»
За 3 недели разработала приложение, которое вошло в пятерку финалистов в конкурсе стартапов от Minima Global
Написала библиотеку для рекламного движка «Европы Плюс»
Участвовал в создании приложения с более
5 миллионами скачиваний для «СберМаркета»
Прошел путь от проджект-менеджера в стартапе до Android-разработчика
Сергей Шалыгин
Пришел в IT из ритейла
Александр Смирнов
Работает middle-разработчиком в компании «Адванта»
Получил оффер на junior-разработчика через 3 месяца после начала обучения на Хекслете
Знает особенности работы с разными возрастными группами: обучал программированию и детей, и взрослых
Получил One Day Offer в Яндекс
На доходы от разработки купил спортивный мотоцикл
С нуля написал фронтенд и бэкенд сервиса для инвестиционного фонда по поиску врачей и клиник

Наши выпускники работают в крупных IT-компаниях

становятся мидлами в течение года после обучения на Хекслете
50%

А вот и их вдохновляющие истории

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

Каждая работа — это вклад в ваше портфолио. Вы размещаете исходный код в личном аккаунте на 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
Сервис для уведомления владельцев сайтов об ошибках и опечатках. После интеграции с ним посетители получают возможность выделить ошибку или опечатку и сообщить о ней администратору.
Run IT
Среда для написания и исполнения кода, которая используется на платформах Хекслета. Ближайший аналог — сервис repl.it.
Hexlet Comparator
Сервис для объективного сравнения онлайн-школ программирования, в которых есть полноценные профессии.

Ваши навыки после обучения

Фронтенд-разработчик
Джуниор Кравец
Языки
Javascript
HTML и CSS
Фреймворки
React
Redux Toolkit
Инструменты
Командная строка
NPM
Git
Webpack
DOM API
Процессы
Алгоритмы и структуры данных
Архитектура приложений
Автоматизированные тесты
Vue
TypeScript
Первые уроки бесплатно прямо сейчас!
Навыки после окончания программы
Создаю страницы с помощью HTML и CSS
Знаю принципы объектно-ориентированного и функционального программирования
Эффективно использую DOM API, выполняю HTTP-запросы к серверу с помощью AJAX
Знаком с асинхронной природой JavaScript
Создаю компоненты, которые легко поддерживать и использовать повторно
Базово настраиваю CI/CD
Имею прокачанное алгоритмическое мышление
Настраиваю среду для разработки и пишу production-ready код
Знаю основы программирования: типы данных, условные конструкции, циклы и функции
Обладаю навыками написания модульного кода
Создаю интерактивные приложения в браузере и собираю их с помощью Webpack
Владею React для создания сложных одностраничных сайтов (SPA)
Использую архитектурный подход MVC для создания устойчивых к изменениям приложений
Грамотно управляю состоянием приложения через Redux Toolkit
Умею работать с командной строкой Linux, знаю основные команды

Больше про трудоустройство

Карьерный консультант — специалист в области IT-рекрутмента. Он помогает оформить портфолио и рабочие профили на Хабр Карьере и LinkedIn, грамотно составить резюме и сопроводительное
Работа с карьерным консультантом
Усиленная отработка знаний и навыков
Студенты тренируются в решении тестовых заданий от работодателей и реальных задач в действующих проектах. Учатся задавать вопросы и работать в команде
30+ партнерских компаний
Компании-партнеры участвуют в подготовке наших студентов к выходу на рынок: собеседуют, предоставляют тестовые задания, отдают приоритет при трудоустройстве
Экспертная помощь в составлении резюме на сервисе Hexlet CV, доступ в Telegram-канал с вакансиями, курс «Трудоустройство», поиск вакансий и прохождение технических собеседований с наставником или в реальных компаниях и многое другое
10+ инструментов, работающих на оффер выпускника

Отзывы компаний-партнеров о наших выпускниках