Оставьте свои контакты изафиксируйте засобой старую цену со скидкой. 10.10 цены на наши профессии вырастут
Оставьте свои контакты изафиксируйте засобой старую цену со скидкой. 10.10 цены на наши профессии вырастут
Чем занимаются Фронтенд-разработчики
Фронтенд-разработчик отвечает за клиентскую часть сайтов и приложений, с которой пользователь непосредственно взаимодействует на своем компьютере или телефоне
Работает с HTML и CSS, JavaScript и TypeScript. Хорошо разбирается во фреймворках и библиотеках, таких как React и Redux Toolkit.
Создает веб-страницы, оживляет макеты дизайнера, используя сложные анимации и графику. Умеет публиковать сайт и приложения для доступа пользователей. Отслеживает ошибки в пользовательском интерфейсе и устраняет их
Востребованная на рынке труда IT-профессия
Можно работать из любой точки мира или искать работодателя за рубежом
Стать middle-разработчиком с вознаграждением 150 000 ₽ можно за год реальной разработки
Хорошие фронтенд-разработчики быстро растут в профессии и в цене
Более 1,5 тысяч вакансий
Большая часть вакансий на удаленке
junior
middle
50 000 ₽
150 000 ₽
По результатам исследования Хабр Карьеры за 2 полугодие 2022 года
Новичку, который хочет получить востребованную IT-профессию
Научитесь создавать сайты и веб-приложения с нуля, наработаете портфолио из реальных проектов и получите свой первый заказ как разработчик. И все это под чутким сопровождением наставников курса.
IT-специалисту, решившему сменить профиль
Сможете разнообразить спектр навыков и получите возможность брать в работу новые, интересные и высокооплачиваемые проекты. А при наличии опыта вам будет значительно проще освоить frontend-разработку.
Фронтенд-разработчику для актуализации компетенций
Программа курса регулярно обновляется с учетом всех востребованных знаний и навыков. Мы внимательно изучаем рынок и дополняем материалы так, чтобы даже человек с релевантным бэкграундом смог взять от обучения максимум пользы.
Почему Хекслет
Практика с первого дня
Начнем писать код на первом уроке. На курсах вас ждут сотни упражнений в тренажере, испытания и реальные задачи
Опытные наставники
Практикующие разработчики, которые скорректируют траекторию обучения и помогут справиться с трудностями
Сертификат об обучении
Работодатели ценят выпускников Хекслета, сертификат — подтверждение того, что вы отучились
Вернем деньги, если не получилось найти работу
Мы заинтересованы в успешном трудоустройстве наших студентов
Во время обучения вы также поучаствуете в Карьерном треке
Пройдете курс по трудоустройству
Научитесь откликаться на вакансии и писать сопроводительные письма
Составите грамотное резюме и портфолио, оформите рабочие профили
С 10 октября цены на профессии в Хекслете вырастут
С 10 октября
Как проходит обучение
Курс «Фронтенд-разработчик» состоит из учебных модулей с уроками и проектами
В каждом уроке —
теория, тесты на закрепление изученного и практика прямо в браузере
1-2 раза в неделю —
встречи с наставником: вебинары, сессии лайвкодинга
Все онлайн-встречи сохраняем в записи —
можно пересматривать
Наставники и кураторы
помогают в учебном процессе
Мы воссоздали реальное рабочее пространство программиста
Сразу видите обратную связь по своему решению в виде тестов и их результатов
Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли
Если долго не справляетесь с задачей, можете воспользоваться подсказкой и подсмотреть решение учителя
Проходите уроки самостоятельно в любое удобное время
Учебный материал представлен в текстовом формате, иногда встречаются короткие видео
Урок — это теория, квиз (проверочный тест) и практика
Рекомендуем заниматься от 15 часов в неделю, чтобы уложиться в срок
Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий
Команда поддержки делает процесс обучения более понятным и эффективным
Наставники — практикующие разработчики, которые отвечают на вопросы в закрытом чате группы, делают код-ревью проектов, проводят активности, делятся опытом
Кураторы организовывают учебный процесс: обращайтесь, если хотите проверить прогресс, нужна пауза в обучении, сложно учиться, хотите сменить программу
Решайте задачи прямо в браузере, в тренажере Хекслета. Проходите упражнения после теории или квиза в каждом уроке
Закрепляйте знания на более сложных заданиях. Механизм тот же, что и у упражнений, но испытания привязаны к целому курсу, а не к конкретному уроку
110 испытаний
1200+ небольших проверочных тестов (квизов)
390+ упражнений
Отвечайте на вопросы сразу после теории и закрепляйте изученный материал
Вопрос 4
Правильно!
Что позволяет сделать псевдоэлемент?
Массив как объект
В процессе
Построение маршрута
Завершен
Отслеживание зависимостей
Завершен
Программа
Будьте уверены — вы получите именно те инструменты и навыки, которые позволят получить работу frontend-разработчика
Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием
Материалы были обновлены 2 апреля 2024 года
Основы верстки и позиционирования
2 месяца
Основы современной верстки Основы верстки контента CSS: Позиционирование элементов CSS: Основы Flex CSS: Верстка на Grid
Вебинары
Отладка кода (Chrome DevTools) Стилистика верстки и основные методологии верстки
Курсы
Основы программирования
2 месяца
Основы JavaScript JS. Массивы Жизнь программиста Основы командной строки Введение в Git JS. Настройка окружения
Вебинары
Настройка окружения (менеджер версий asdf, ubuntu on windows) Эффективная отладка кода (дебагер, подходы) Поиск технической информации Организация задач с помощью Kanban-доски (Trello)
Курсы
Игры разума
Итоговый проект
Профессиональный JavaScript
2 месяца
JS. Объекты JS. Функции JS. Автоматическое тестирование JS. Абстракция с помощью данных JS. Деревья Непрерывная интеграция (CI)
Вебинары
Алгоритмы и структура данных Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать) Функциональное программирование (чистота, побочные эффекты) Устройство языков (парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)
Курсы
Вычислитель отличий
Итоговый проект
Разработка браузерных приложений
2 месяца
Трудоустройство JS. Введение в ООП JS. Объектно-ориентированный дизайн Протокол HTTP JS. Асинхронное программирование JS. DOM API Регулярные выражения (Regexp) JS. Архитектура фронтенда JS. Продвинутое тестирование
Вебинары
Устройство операционных систем (администрирование, процессы, память, файловая система) Подключение к обучению подкастов, книг, онлайн-мероприятий, вовлечение в комьюнити, ведение блога Командная работа в Git REST API, Очереди, Background Jobs
Курсы
RSS агрегатор
Итоговый проект
Разработка React приложений
2 месяца
Трудоустройство для разработчиков Введение в интернет JS. Полиморфизм JS. Погружаясь в классы JS. React JS. React Hooks React. Redux Toolkit HTTP API
Вебинары
Пробные собеседования Reach Hooks: useState, useEffect, useRef Базовый Webpack Как работает Redux и делаем аналог с помощью React Hooks Практика React Hooks Продуктовая разработка (Lean Start Up: Time To Market, MVP, A/B тесты) Инженерная культура
Курсы
Чат (Slack)
Итоговый проект
Дополнительные курсы
Основы Typescript Продвинутый Typescript Изучение английского языка
Вебинар
Vue.js
Курс
Проекты в портфолио
Многие студенты трудоустраиваются уже после первых трех учебных проектов
Каждая работа — это вклад в ваше портфолио. Вы размещаете исходный код в личном аккаунте на GitHub и можете показать его работодателям. Портфолио из выполненных проектов Хекслета — сильное преимущество при трудоустройстве как для опытных, так и для начинающих frontend-разработчиков
Это не несколько строк кода, а полноценные веб-приложения, которые вы разрабатываете от начала и до конца на собственном компьютере. Проекты проходят автоматизированную проверку и код-ревью от наставника
Учебные проекты
Игры разума
Консольное приложение, представляющее из себя набор из пяти простых математических игр. Они построены по принципу популярных мобильных приложений для прокачки мозга
Консольное приложение, представляющее из себя программу, которая определяет разницу между двумя структурами данных. Утилита поддерживает входные форматы yaml и json, парсит и обрабатывает данные из них и выводит результат
Веб-приложение для сбора и просмотра информации RSS-лент из различных источников. Оно позволяет добавлять неограниченное количество RSS-лент, само их обновляет и добавляет новые записи в общий поток
Поиск пропущенных чисел в последовательности чисел
Калькулятор
Определение четного числа
Определение наибольшего общего делителя
Определение простого числа
Что в итоге
Погрузитесь в экосистему 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
Организовывать роутинг на клиенте
Выполнять авторизацию и аутентификацию
Работать со сборкой и деплоем
Это проекты, которые учат разбираться в чужом коде, задавать вопросы и работать в команде. Вы сможете как отработать уже изученную теорию, так и познакомиться с другими языками, незнакомыми фреймворками и инструментами
Дополнительные проекты
Вы пройдете еще два проекта на курсе «Трудоустройство» от Хекслета