Пройдите 10 бесплатных уроков профессии и получите
скидку 10%
Оставить заявку
Мое обучение
Вступить в профессию

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

Начать учиться
Готовое портфолио на GitHub к концу обучения
Помощь наставников — практикующих разработчиков
рекомендации
Старт 30 марта
Обучение без дедлайнов
Погружение в практику c первого дня
Подготовка к трудоустройству
в компании-партнеры
[Новая профессия с нуля за 10 месяцев]
[Новая профессия с нуля за 10 месяцев]

Профессия больших возможностей

Изучите JavaScript в связке с HTML и CSS, освойте React, чтобы создавать сложные компоненты, которые легко поддерживать и использовать повторно.
Научитесь делать интерфейсы дружелюбными, навигацию понятной, а пользователей счастливыми
Фронтенд-разработчик работает над пользовательским интерфейсом сайта. Результат его труда — удобные и красивые страницы с интерактивными эффектами: анимация, выпадающие списки, появление окон, меню.
senior
180 000+ ₽
Стать middle-разработчиком с вознаграждением 150 000 ₽ можно за год реальной разработки
каждый день только на Хабр Карьере
junior
50 000 ₽
middle
150 000 ₽
Можно работать из любой точки мира или искать работодателя за рубежом
Хорошие фронтенд-разработчики быстро растут в профессии и в цене
Несколько сотен вакансий
Большая часть вакансий на удаленке
По результатам исследования Хабр Карьеры за 2 полугодие 2022 года

Почему мы?

Глубокая проработка тем
Мы не сторонники подхода «повтори за учителем».
На Хекслете решение задач идет только через реальное понимание. Вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения
Начнем писать код на первом уроке. Вас ждут сотни упражнений в тренажере, задачки-испытания для тех, кто любит посложнее, а также 4 проекта, в рамках которых вы напишете полноценные приложения для портфолио на GitHub
Сертификат
Работодатели ценят выпускников Хекслета, сертификат — подтверждение того, что вы серьезно поработали над собой и имеете хорошую перспективу стать первоклассным специалистом
Практика с первого дня
Опытные наставники
Практикующие разработчики, которые скорректируют траекторию обучения и помогут справиться с трудностями.
Вы не останетесь одни и вам не будет стыдно за результат
Стажировка после обучения
Оплачиваемая в проектах ИТ-кластера Ростелекома + десятки других партнерских компаний, в которые мы можем предложить вашу кандидатуру
Процесс обучения на Хекслете спроектирован так, что его невозможно «отсидеть» или «прослушать». Хекслет заточен на серьезную подготовку и идеально подходит для тех, кто хочет стать хорошим инженером
трудоустраиваются без поиска работы, работодатели находят их сами
27%
получивших профессию на Хекслете, возвращаются, чтобы выучить другие языки программирования
60%
выпускников получают оффер на первых пяти собеседованиях
65%
студентов из тех, что пришли на Хекслет сменить профессию, достигли своей цели и работают разработчиками
74%
становятся миддлами в течение года после обучения на Хекслете
50%
*На основании опроса 204 выпускников Хекслета, проведенного в 2021 году
Хочу попробовать!
Оставьте заявку, и мы расскажем, как пройти бесплатные курсы профессии
Готовы попробовать прямо сейчас?

Учим необходимому

Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием
Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу.
Автоматизированные тесты — неотъемлемая часть профессиональной разработки
Создание простого для анализа и изменения кода требует хорошего понимания принципов его организации
Программирование — это не только код, но и сопутствующие инструменты: командная строка, NPM, Git, Webpack
Задает архитектуру проекта. Решает типовые задачи за программиста. Значительно сокращает количество кода и автоматизирует рутину
Единственный язык программирования,
работающий в браузере. Главный инструмент фронтенд-программиста
Языки создания веб-страниц. Описывают их структуру (расположение блоков) и внешний вид. Отвечают за формирование текста
Любая программа — это последовательность шагов, выполняемых над данными. Способ организации сильно влияет на удобство работы
Код фронтенд-разработчика выполняется в браузере, а значит ему нужно уметь взаимодействовать со страницей и изменять ее
HTML и CSS
JavaScript
Алгоритмы и структуры данных
Фреймворки (React + Redux Toolkit)
Фронтенд (DOM API)
Архитектура
Качество
Инфраструктура
Раскрыть всю программу

Программа курса
Фронтенд-разработчик

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

Очень много практики

в браузере
420+ упражнений
Выполняйте их, когда вам удобно. Упражнения на платформе доступны 24/7
для выполнения
4 проекта
для портфолио на GitHub
По одному для каждого учебного модуля. Начинаем с простого и погружаемся в разработку для реального бизнеса. Наставник проведет ревью кода и поможет довести проект до совершенства
Подробнее о проектах
11 Open Source
Научитесь работать с чужим кодом, оформлять пулреквесты. Это ваш опыт реального продакшена и +100 баллов в карму программиста
проектов Хекслета
150 тестовых заданий
Работайте с базой типовых задач из настоящих проектов. Это придаст уверенности на собеседованиях
от наших партнеров

Ваши навыки после окончания программы

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

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

Курс состоит из учебных модулей с уроками и проектами
1-2 раза в неделю — встречи с наставником: вебинары, сессии лайвкодинга
В каждом уроке — теория, тесты на закрепление изученного и практика прямо в браузере
Все онлайн-встречи сохраняем в записи — можно пересматривать!
Проходите уроки самостоятельно в любое время, которое удобно вам
Рекомендуем заниматься от 15 часов в неделю, чтобы уложиться в срок
Кураторы заботливо отслеживают прогресс и вовремя подскажут, если нужно ускорить темп
Наставник поможет, если возникнут трудности в обучении
Можно без стеснений задать любой вопрос, даже если вам он кажется пустячным
Начните учиться уже сегодня
6 300 ₽
134 100 ₽
при оплате сразу
от
или
в месяц, в рассрочку на 24 месяца
168 000 ₽
Пройдите 10 бесплатных уроков из профессии и получите скидку
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»
7 000 ₽
Вернем деньги в течение первых двух недель, если передумаете учиться
Собственный сервис для размещения вакансий и открытого обсуждения резюме. HR-эксперты и опытные разработчики помогут отшлифовать ваше резюме и довести его до совершенства
Открытый проект Хекслета, в котором можно решать задачи по программированию в режиме реального времени — с ботом или живым соперником. Поможет отточить навыки написания кода до автоматизма
Технические задачи, которые помогут подготовиться к собеседованиям. В репозитории Хекслета собрано более 150 тестовых от компаний
Open Source проекты Хекслета — приложения с открытым исходным кодом на GitHub. Студенты могут предложить улучшить этот код, найти и исправить ошибки. Участие в открытых проектах дает опыт реального продакшена, развивает умение общаться, задавать вопросы, работать в команде и решать новые задачи

А как насчет трудоустройства?

Уже во время обучения вы вступите в программу «Карьерный трек», чтобы найти свою первую работу в IT
На сервисе Хекслет-резюме вы можете разместить свое первое резюме, а специалисты HR и более опытные разработчики дадут свои рекомендации по улучшению его содержания и структуры
Охватывает все темы по трудоустройству. От первых шагов - составления резюме и рабочих профилей, до психологических аспектов собеседования и адаптации на рабочем месте
Программа вебинаров, разработанная IT-рекрутерами
Персональный карьерный консультант
Который заинтересован, чтобы вы нашли первую работу в IT. Он поможет проанализировать вакансии, составить сопроводительное письмо, порекомендует вас в партнерские компании, предложит стажировки
Что меня ждет?
Работа с резюме
Вы будете участвовать в разработке открытых проектов Хекслета на GitHub. Учиться работать с чужим кодом, оформлять пулреквесты. Это опыт реального продакшена, ценный для любого работодателя
В нашей базе более 150 тестовых заданий от компаний-партнеров Хекслета. Вы поработаете с типовыми задачами из настоящих проектов. Это придаст уверенности и поможет пройти собеседование
Практика в Open Source
Тестовые задания с собеседований
60+ it-продуктов
чтобы проявить себя
А ТАКЖЕ...
* Для студентов, которые полностью пройдут обучение по профессии «Фронтенд-разработчик», выполнят все 4 проекта и поучаствуют в Open Source проектах Хекслета. Предложение по стажировке может быть ограничено количеством открытых вакансий в проектах Ростелекома
40 000 ₽
ОПЛАТА В МЕСЯЦ
до 3 месяцев
продолжительность стажировки

Оплачиваемая стажировка
в проектах ИТ-кластера Ростелеком

Здесь работают наши выпускники

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

Наставники — практикующие разработчики