Войти
Каталог
Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений
Профессия
Практика с первого дня
Обучение без дедлайнов
14 проектов в портфолио на GitHub
Гарантированные собеседования в компаниях-партнерах
19 сентября
Онлайн из любой точки мира
«Фронтенд-разработчик»
Первые уроки бесплатно прямо сейчас!
Востребованная IT-профессия
Фронтенд-разработчик отвечает за клиентскую часть сайтов и приложений, с которой пользователь непосредственно взаимодействует на своем компьютере или телефоне
Работает с HTML и CSS, JavaScript и TypeScript. Хорошо разбирается во фреймворках и библиотеках, таких как React и Redux Toolkit.
Создает веб-страницы, оживляет макеты дизайнера, используя сложные анимации и графику. Умеет публиковать сайт и приложения для доступа пользователей. Отслеживает ошибки в пользовательском интерфейсе и устраняет их
Как проходит обучение
Курс «Фронтенд-разработчик» состоит из учебных модулей с уроками и проектами
теория, тесты на закрепление изученного и практика прямо в браузере
В каждом уроке —
1-2 раза в неделю —
встречи с наставником: вебинары, сессии лайвкодинга
Все онлайн-встречи сохраняем в записи —
можно пересматривать
Наставники и кураторы
помогают в учебном процессе
Мы воссоздали реальное рабочее пространство программиста
Сразу видите обратную связь по своему решению в виде тестов и их результатов
Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли
Если долго не справляетесь с задачей, можете воспользоваться подсказкой и подсмотреть решение учителя
Проходите уроки самостоятельно в любое удобное время
Учебный материал представлен в текстовом формате, иногда встречаются короткие видео
Урок — это теория, квиз (проверочный тест) и практика
Рекомендуем заниматься от 15 часов в неделю, чтобы уложиться в срок
Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий
Команда поддержки делает процесс обучения более понятным и эффективным
Наставники — практикующие разработчики, которые отвечают на вопросы в закрытом чате группы, делают код-ревью проектов, проводят активности, делятся опытом
Кураторы организовывают учебный процесс: обращайтесь, если хотите проверить прогресс, нужна пауза в обучении, сложно учиться, хотите сменить программу
Оставьте заявку, и мы расскажем, как пройти бесплатные курсы профессии
Готовы попробовать прямо сейчас?
Программа
Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием
Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу
Материалы были обновлены 10 апреля 2023 года
Основы верстки и позиционирования
2 месяца
Основы современной верстки
Основы верстки контента
CSS: Позиционирование элементов
CSS: основы Flex
Основы верстки контента
CSS: Позиционирование элементов
CSS: основы Flex
Вебинары
Отладка кода (Chrome DevTools)
Стилистика верстки и основные методологии верстки
Стилистика верстки и основные методологии верстки
Курсы
Основы веб-программирования
2 месяца
Вебинары
Настройка окружения (менеджер версий asdf, ubuntu on windows)
Эффективная отладка кода (дебагер, подходы)
Поиск технической информации
Организация задач с помощью Kanban-доски (Trello)
Эффективная отладка кода (дебагер, подходы)
Поиск технической информации
Организация задач с помощью Kanban-доски (Trello)
Введение в программирование
Основы командной строки
JS. Настройка окружения
JS. Массивы
Введение в Git
Основы командной строки
JS. Настройка окружения
JS. Массивы
Введение в Git
Курсы
Игры разума
Итоговый проект
Профессиональный JavaScript
2 месяца
JS. Функции
JS. Абстракция с помощью данных
JS. Объекты
JS. Автоматическое тестирование
JS. Деревья
JS. Абстракция с помощью данных
JS. Объекты
JS. Автоматическое тестирование
JS. Деревья
Вебинары
Алгоритмы и структура данных
Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)
Функциональное программирование (чистота, побочные эффекты)
Устройство языков (парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)
Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)
Функциональное программирование (чистота, побочные эффекты)
Устройство языков (парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)
Курсы
Вычислитель отличий
Итоговый проект
Разработка браузерных приложений
2 месяца
Вебинары
JS. Введение в ООП
Протокол HTTP
JS. DOM API
JS. Архитектура фронтенда
JS. Объектно-ориентированный дизайн
JS. Асинхронное программирование
Регулярные выражения (Regexp)
JS. Продвинутое тестирование
Протокол HTTP
JS. DOM API
JS. Архитектура фронтенда
JS. Объектно-ориентированный дизайн
JS. Асинхронное программирование
Регулярные выражения (Regexp)
JS. Продвинутое тестирование
Устройство операционных систем (администрирование, процессы, память, файловая система)
Подключение к обучению подкастов, книг, онлайн-мероприятий, вовлечение в комьюнити, ведение блога
Командная работа в Git
REST API, Очереди, Background Jobs
Подключение к обучению подкастов, книг, онлайн-мероприятий, вовлечение в комьюнити, ведение блога
Командная работа в Git
REST API, Очереди, Background Jobs
Курсы
RSS агрегатор
Итоговый проект
Разработка React приложений
2 месяца
JS. React
JS. Redux (React)
JS. Полиморфизм
JS. React Hooks
React. Redux Toolkit
JS. Погружаясь в классы
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 тесты)
Инженерная культура
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 миллионами скачиваний для «СберМаркета»
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 недель на код-ревью
2-4 недели + до 2 недель на код-ревью
Игры разума
- Поиск пропущенных чисел в последовательности чисел
- Калькулятор
- Определение четного числа
- Определение наибольшего общего делителя
- Определение простого числа
Что в итоге
- Погрузитесь в экосистему JavaScript, научитесь настраивать рабочее окружение
- Подружитесь с линтером и менеджером зависимостей npm
- Поймёте, чем git отличается от GitHub, поработаете с внешними репозиториями
- Получите опыт построения архитектуры полноценного приложения и написания чистого кода
2-4 недели + до 2 недель на код-ревью
Вычислитель отличий
Что в итоге
- Отработаете работу с коллекциями
- Изучите способы построения и обхода деревьев
- Познакомитесь с разными форматами данных (json, yaml), научитесь их парсить и формировать
- Начнете писать тесты (jest) и освоите разработку через них
- Познакомитесь с непрерывной интеграцией (CI) и элементами экстремального программирования (XP)
2-4 недели + до 2 недель на код-ревью
RSS агрегатор
Что в итоге
- Отработаете работу с селекторами, событиями и генерацией HTML средствами DOM API
- Научитесь создавать полноценное веб-приложение на чистом JS и строить приложения на основе шаблона проектирования MVC
- Уделите внимание формам и основам UX
- Научитесь работать с промисами и обрабатывать ошибки
- Получите опыт сборки и развертывания программ для публичного доступа
2-4 недели + до 2 недель на код-ревью
Чат (Slack)
В процессе выполнения проекта будете решать стандартные задачи:
- Работать с веб-сокетами
- Взаимодействовать с REST API
- Использовать React с хуками, Redux через reduxjs/toolkit
- Организовывать роутинг на клиенте
- Выполнять авторизацию и аутентификацию
- Работать со сборкой и деплоем
Это проекты, которые учат разбираться в чужом коде, задавать вопросы и работать в команде. Вы сможете как отработать уже изученную теорию, так и познакомиться с другими языками, незнакомыми фреймворками и инструментами
Дополнительные проекты
Hexlet Guides
Сайт с гайдами по разным тематикам для новичков. Знакомит с основными терминами и объясняет сложные процессы простым языком.
Code Basics
Сайт с бесплатными курсами по программированию, есть англоязычная версия. Дает основы языков с практикой прямо в браузере.
Codebattle
Сервис, на котором устраивают дуэли по решению задач по программированию в режиме реального времени. Соревнуются с ботом или живым соперником. Сервис помогает отточить навыки написания кода до автоматизма.
Hexlet SICP
Трекер прохождения SICP — учебного курса в MIT. Участники отмечают пройденные материалы, отслеживают прогресс других пользователей.
Hexlet Correction
Сервис для уведомления владельцев сайтов об ошибках и опечатках. После интеграции с ним посетители получают возможность выделить ошибку или опечатку и сообщить о ней администратору.
Run IT
Среда для написания и исполнения кода, которая используется на платформах Хекслета. Ближайший аналог — сервис repl.it.
Hexlet Comparator
Сервис для объективного сравнения онлайн-школ программирования, в которых есть полноценные профессии.
Hexlet Guides
- Будете улучшать текущие гайды и исправлять ошибки
- Сможете обновлять устаревшую информацию
- Поучаствуете в доработке движка для гайдов
- Научитесь работать со статистическими страницами данных
Технологии: JavaScript, SCSS,NextJS, Bootstrap
Code Basics
- Будете улучшать существующие уроки и создавать новые
- Поучаствуете в доработке сайта и разработке виджетов
- Сможете переводить курсы на английский язык
Технологии: Ruby, Ruby On Rails, Docker, JavaScript, React, Redux Toolkit, SCSS, Bootstrap
Codebattle
- Поучаствуете в разработке сайта
- Научитесь добавлять новые соревновательные задачи
- Будете разрабатывать Chrome расширение и бот для Discord
- Поработаете в слаженной команде
Технологии: JavaScript, Clojure, Elixir, SCSS, React, Redux, Phoenix
Hexlet SICP
- Поучаствуете в разработке трекера и виджетов
- Научитесь добавлять тексты в упражнения
- Будете обновлять проект под новые Laravel-реалии
- Сможете исправлять ошибки
Технологии: PHP, Blade, SCSS, JavaScript, React, Redux, Bootstrap, Laravel
Hexlet Correction
- Поучаствуете в разработке сервиса
- Научитесь подключать аутентификации
- Будете исправлять ошибки
- Сможете разрабатывать виджет, который встраивается на страницы
Технологии: Java, HTML, JavaScript, Spring Boot, Docker
Run IT
- Поучаствуете в разработке сервиса
- Будете добавлять новые фичи и исправлять ошибки
- Научитесь улучшать UI/UX для пользователей и писать браузерные тесты
Технологии: TypeScript, SCSS, Pug, HTML, React, Redux Toolkit, NestJS
Hexlet Comparator
- Поучаствуете в разработке сервиса
- Будете заполнять информацию о школах
- Научитесь работать со статистическими страницами данных
Технологии: JavaScript, React, NextJS
Записаться на курс или получить бесплатную консультацию
Ваши навыки после обучения
Фронтенд-разработчик
Джуниор Кравец
Языки
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+ инструментов, работающих на оффер выпускника
Отзывы компаний-партнеров о наших выпускниках
«
С выпускниками Хекслета интересно решать задачи. Обсуждать пусть и абстрактные, но вполне вероятные проблемы из настоящих проектов.
Даже если ребята не знают в точности тот или иной подход, легко доходят до результата с помощью размышлений. Это очень круто!
Впоследствии они быстро вливаются в процессы и, как правило, профессионально растут быстрее обычных кандидатов
Даже если ребята не знают в точности тот или иной подход, легко доходят до результата с помощью размышлений. Это очень круто!
Впоследствии они быстро вливаются в процессы и, как правило, профессионально растут быстрее обычных кандидатов
Мы давно работаем с Хекслетом. Наши сотрудники обучаются на платформе по разным направлениям, поэтому нам легко было оценить качество образования еще до партнерской программы.
Теперь к нам приходят и выпускники профессии. Это ребята с опытом выполненных проектов, сильнее и увереннее, чем кандидаты с рынка. Они быстро вливаются в работу и легко погружаются в проект
Теперь к нам приходят и выпускники профессии. Это ребята с опытом выполненных проектов, сильнее и увереннее, чем кандидаты с рынка. Они быстро вливаются в работу и легко погружаются в проект
»
«
»
Студенты Хекслета с завершенными проектами лучше справляются с решением алгоритмических задач уже на этапе собеседования.
Приходят с опытом разработки, быстро учатся новому, схватывают, мыслят в правильном русле, более мотивированы.
Любим Хекслет и своих стажеров!
Приходят с опытом разработки, быстро учатся новому, схватывают, мыслят в правильном русле, более мотивированы.
Любим Хекслет и своих стажеров!
При найме на начинающие позиции, важна скорость обучения сотрудника новым инструментам. Ребята из Хекслет оправдывают наши ожидания, кажется, что у них уже есть опыт продакшена и они быстро приближаются к middle-уровню.
Многие моменты мы разбираем с выпускниками вместе, ведь это их первые боевые проекты. Ребята быстро учатся, задают правильные вопросы и всеми силами пытаются детально разобраться во всех моментах
Многие моменты мы разбираем с выпускниками вместе, ведь это их первые боевые проекты. Ребята быстро учатся, задают правильные вопросы и всеми силами пытаются детально разобраться во всех моментах
«
»
«
»
Мы выбирали трейни среди выпускников школ программирования. Выяснилось, что средний учащийся Хекслета после года обучения знает и может рассказать о JS и о вебе больше, чем другие кандидаты. Думаем, это связано с большим количеством задач, которые там решают студенты.
Понимание IT-концепций и их встраивание в общую систему ментальных связей происходит только через ежедневную практику кодинга. И у выпускников Хекслета оно есть
Понимание IT-концепций и их встраивание в общую систему ментальных связей происходит только через ежедневную практику кодинга. И у выпускников Хекслета оно есть
Хекслет — не только ценный мех, но и вкусные мозги. Выпускники школы — мотивированные ребята, которые, благодаря наставникам, имеют не только нужный багаж знаний для позиции джуна, но и готовы к командной игре.
Мы неоднократно проводили собеседования с выпускниками и нам было сложно выделить кого-то одного. Еще для нашей компании немаловажную роль играет знание английского, а наставники Хекслета подталкивают своих студентов на изучение языка
Мы неоднократно проводили собеседования с выпускниками и нам было сложно выделить кого-то одного. Еще для нашей компании немаловажную роль играет знание английского, а наставники Хекслета подталкивают своих студентов на изучение языка
«
»
«
»
Вопросы и ответы
Не будем лукавить, изучать новое трудно. Чтобы достичь цели, нужно не только желание, но и упорство. Честно ответьте себе, готовы ли вы прикладывать максимум усилий и не отступать, если будет сложно? Если да, результат обязательно будет!
Многие наши студенты так и делают: учатся и работают одновременно. Мы понимаем, не у всех есть возможность посвящать всё время обучению. Поэтому сделали формат асинхронным. Доступ к платформе открыт 24/7, вы проходите уроки, когда удобно вам, учитесь в своем темпе и не ждете других студентов группы.
Мы рекомендуем уделять учебе 15-20 часов в неделю. Тогда получится закончить обучение в срок.
Конечно, это приблизительная оценка. Если у студента уже есть знания по программированию, получится справляться с задачами быстрее, а у новичков может уходить больше времени.
Мы рекомендуем уделять учебе 15-20 часов в неделю. Тогда получится закончить обучение в срок.
Конечно, это приблизительная оценка. Если у студента уже есть знания по программированию, получится справляться с задачами быстрее, а у новичков может уходить больше времени.
Если вам нужно передохнуть или жизненные обстоятельства складываются так, что учиться не получается, вы можете взять академический отпуск. Просто предупредите об этом вашего куратора.
Общая продолжительность отпуска — 1 месяц. Распределяйте это время, как вам удобно: берите целиком или разбивайте по неделям. Ваше обучение на Хекслете просто увеличится на количество пропущенных дней. Доплачивать за них вам не придется.
Общая продолжительность отпуска — 1 месяц. Распределяйте это время, как вам удобно: берите целиком или разбивайте по неделям. Ваше обучение на Хекслете просто увеличится на количество пропущенных дней. Доплачивать за них вам не придется.
Самому юному студенту, который учился в Хекслете, было 15, а самому взрослому — 70. Есть желание и интерес? Начинайте независимо от возраста.
Наставники — опытные программисты, которые добились успехов в профессии, а теперь делятся знаниями и опытом со студентами Хекслета. Кандидаты проходят строгий отбор — наставником становится лишь каждый десятый из откликнувшихся на вакансию, поэтому случайных людей у нас нет.
Наставник отвечает на вопросы по курсам и проектам и в целом по выбранной профессии, а если возникнут трудности, поможет с ними разобраться.
Студенты общаются с наставником в закрытом чате, а также на регулярных групповых созвонах, вебинарах и сессиях лайв-кодинга.
Наставник отвечает на вопросы по курсам и проектам и в целом по выбранной профессии, а если возникнут трудности, поможет с ними разобраться.
Студенты общаются с наставником в закрытом чате, а также на регулярных групповых созвонах, вебинарах и сессиях лайв-кодинга.
Отлично! Доступ к платформе сохранится до конца оплаченного периода. Можете проходить любые курсы и программы Хекслета.
Не переживайте, мы не отчислим вас из Хекслета. Вы всегда можете доучиться. Каждый последующий месяц будет оплачиваться отдельно, за вами сохранится доступ к платформе и помощь наставника. Как правило, ребятам хватает 1-2 месяцев, чтобы «закрыть хвосты».
Open Source — это приложения с открытым исходным кодом на GitHub. Любой разработчик, начинающий или опытный, может предложить улучшить этот код, найти и исправить ошибки.
Участие в открытых проектах — полезная практика, которую можно указать в портфолио. Во-первых, она учит разбираться в чужом коде. Да, разработчикам чаще приходится работать с чужим кодом, нежели писать свой. Во-вторых, помогать другим — здорово.
Комьюнити Хекслета поддерживает более 10 собственных Open Source проектов — будет на чем потренироваться.
Участие в открытых проектах — полезная практика, которую можно указать в портфолио. Во-первых, она учит разбираться в чужом коде. Да, разработчикам чаще приходится работать с чужим кодом, нежели писать свой. Во-вторых, помогать другим — здорово.
Комьюнити Хекслета поддерживает более 10 собственных Open Source проектов — будет на чем потренироваться.