Профессия

Фронтенд-программист

Создает одностраничные сайты (SPA) на React. Строит взаимодействие с бекендом через AJAX или WebSockets. Следит за производительностью и обеспечивает безопасное выполнение кода. Хорошо разбирается в браузерном API и веб-технологиях HTML, CSS, HTTP, DNS.

Записаться
Длительность: 8 месяцев Дата старта: 12 марта
Иконка программы Фронтенд-программист
Обучение

через практику

Портфолио

4 полноценных проекта

Стажировка

Сразу после обучения

Результат

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

Учебная программа

Основы веб-программирования

1. Основы веб-программирования

Создайте первые страницы с помощью HTML и CSS. Изучите основы программирования: типы данных, условные конструкции, циклы и функции. Прокачайте алгоритмическое мышление и реализуйте самостоятельно функции сортировки. Правильно настройте операционную систему для разработки, научитесь пользоваться командной строкой. Установите git, редактор кода VS Code. Наполните свое портфолио на Github первыми программами.

Программа наставника

Вебинары, слаконары
  • Настройка окружения (менеджер версий asdf, ubuntu on windows, английский)

  • Эффективная отладка кода (дебагер, подходы)

  • Поиск технической информации (https://guides.hexlet.io/how-to-search/)

  • Организация задач с помощью Kanban-доски (Trello)

Курсы

Теория, квизы, практика в тренажере
Введение в программирование
основы javascript чистый код алгоритмы логика
JS: Массивы
синтаксис вложенные массивы алгоритмическая сложность сортировка
Основы командной строки
терминал shell команды linux
Введение в Git
github рабочая директория клонирование восстановление
JS: Настройка окружения
eslint prettier зависимости npx
Игры разума
Погрузитесь в непростую экосистему JavaScript, научитесь настраивать рабочее окружение. Подружитесь с линтером (анализатором качества кода) и менеджером зависимостей npm. Поймёте, чем git отличается от GitHub, поработаете с внешними репозиториями. Получите опыт построения архитектуры полноценного приложения и написания чистого кода. Подробнее
Профессиональный JavaScript

2. Профессиональный JavaScript

Научитесь писать production-ready код. Освойте принципы объектно-ориентированного и функционального программирования. Начните писать модульный код, который легко расширять и поддерживать. Ускорьтесь с помощью автоматизированного тестирования своего кода. Настройте непрерывную интеграцию и опубликуйте свой первый пакет в npm. Пишите код аки бог.

Программа наставника

Вебинары, слаконары
  • Алгоритмы и структуры данных (прокачка на CodeBattle, грокаем алгоритмы)

  • Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)

  • Функциональное программирование (чистота, побочные эффекты)

  • Устройство языков (Парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)

Курсы

Теория, квизы, практика в тренажере
JS: Объекты
копирование слияние деструктуризация хеш-таблица
JS: Функции
деструктуризация функции высшего порядка замыкания чистые функции
JS: Автоматическое тестирование
утверждения jest матчеры юнит-тесты
JS: Абстракция с помощью данных
ER-модель DDD интерфейс
JS: Деревья
рекурсивные структуры данных обход в глубину древовидная рекурсия файловая система
JS: Введение в ООП
классы инкапсуляция контекст прототипы
Вычислитель отличий
Узнаете, как создавать cli приложения, парсить и форматировать данные в json, yaml. Научитесь проектировать архитектуру приложений. А также писать unit-тесты. Подробнее
Разработка браузерных приложений

3. Разработка браузерных приложений

Создавайте интерактивные приложения в браузере и собирайте их с помощью Webpack. Эффективно используйте DOM API, выполняйте HTTP-запросы к серверу с помощью AJAX. Используйте архитектурный подход MVC для создания устойчивых к изменениям приложений. Научитесь правильно работать с формами: проверять корректность данных и думать о безопасности. Познакомьтесь с асинхронной природой JavaScript и используйте ее во имя добра.

Программа наставника

Вебинары, слаконары
  • Устройство операционных систем (книга код и администрирование, процессы, память, файловая система)

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

  • Командная работа в Git

  • REST API, Очереди, Background Jobs

Курсы

Теория, квизы, практика в тренажере
Протокол HTTP
методы http формы чанки редиректы
JS: Асинхронное программирование
промисы async/await event loop обработка ошибок
JS: DOM API
полифиллы AJAX события селекторы
Регулярные выражения
жадность флаги классы символов квантификация
JS: Архитектура фронтенда
состояние нормализация данных конечные автоматы MVC
JS: Продвинутое тестирование
фикстуры стабы моки побочные эффекты
RSS агрегатор
После третьего проекта вы сможете уверенно работать с DOM, webpack, Bootstrap, AJAX, валидациями и деплоить проект Подробнее
Разработка React-приложений

4. Разработка React-приложений

Освойте React для создания сложных одностраничных сайтов (SPA). Подключите Веб-сокеты для работы с приложениями реального времени. Грамотно управляйте состоянием приложения через Redux Toolkit. Создавайте компоненты, которые легко поддерживать и использовать повторно даже на разных сайтах. Интегрируйте с React библиотеки изначально не предназначенные для работы с ним. Используйте на полную катушку знания, полученные в предыдущих модулях.

Программа наставника

Вебинары, слаконары
  • Пробные собеседования

  • Разворачивание и деплой (makefile, docker, хостинг, ansible, webpack, terraform)

  • Продуктовая разработка (Цель, Lean Startup: Time To Market, MVP, A/B тесты)

  • Инженерная культура. (https://guides.hexlet.io/check-list-of-engineering-practices/)

Курсы

Теория, квизы, практика в тренажере
JS: Полиморфизм
динамическая диспетчеризация параметрический полиморфизм полиморфизм подтипов инверсия зависимостей
JS: Погружаясь в классы
позднее связывание трейты абстрактные классы
JS: React
состояние JSX компоненты производительность
JS: Redux (React)
middlewares redux-forms actions reselect
Чат (Slack)
Напишите real-time приложение на React/Redux, используя AJAX, REST, websockets, React (с хуками) + Redux (@reduxjs/toolkit) + Formik Подробнее

Обучение в браузере: теория, тесты, упражнения

Кому подойдёт обучение

  • Новичкам, которые хотят освоить профессию с нуля
  • Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике
  • Тем, кто пробовал учиться на сторонних курсах, но до сих пор испытывает сложности в самостоятельном написании кода
Тото обучает студентов

Формат

Небольшие группы с персональным наставником и преподавателем. Вебинары один два раза в неделю. Домашние задания после вебинаров + реальные проекты на Github.com. Общение в Slack и Telegram. Доступ ко всем автоматизированным курсам Хекслета с сотнями практических задач

Обучают

Вадим Сорокин
Frontend Developer, Universa Blockchain
Вадим Кудрявцев
Senior Frontend Developer, OneTwoTrip
Кирилл Костиков
Senior Frontend Developer, Pushwoosh
Александр Половников
Software Engineer, VideoCoin

Истории успеха

А конкретно со мной случилось следующее: меня нашли в этом списке (топ-100 студентов), связались со мной и предложили работу! Это было очень приятно. Я прошел вводное собеседование, после ответил на тесты, решил пару задачек. По результатам меня пригласили на техническое собеседование.

Аватар пользователя Шухрат Рахимов
Шухрат Рахимов
г. Ташкент

В итоге устроился в компанию, где посмотрели мой код из учебных проектов, дали небольшое тестовое, а на собеседовании мы пообщались о продукте, над которым предстоит работать. Тут я и работаю вот уже пятый месяц. Было очень некомфортно расставаться хоть и с нелюбимой, но такой привычной работой.

Hexlet учит самому важному: тому, как нужно программировать, чтобы проектировать сложные системы качественно и быстро. Hexlet рекомендую теперь всем, да и сам планирую заглянуть туда за новыми профессиями. Спасибо, что дочитали до конца. Успехов в учебе!

Аватар пользователя Константин Булгаков
Константин Булгаков
г. Калининград

Сертификат

Работодатели ценят выпускников Хекслета, сертификат — подтверждение того, что вы окончили профессию и самостоятельно реализовали проекты из вашего портфолио. Станет преимуществом при трудоустройстве.

Сертификат

Стажировка в реальных проектах

Студенты могут стажироваться в реальных проектах Хекслета и писать код под руководством опытных товарищей. Это даёт опыт работы в команде, учит ответственности и помогает стать программистом-практиком ещё до окончания обучения.

Поможем с трудоустройством

Во время обучения студенты участвуют в карьерном модуле. Вы узнаете:

  • как грамотно составлять резюме и сопроводительные письма
  • как готовиться и проходить техническое интервью
  • как адаптироваться на рабочем месте
Тото на собеседовании

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

Альфа Банк Rambler Regru Bookmate Botmother Health Samurai Учи.ру Dualboot partners Funbox

Стоимость обучения

Первые курсы бесплатно, затем

170 $/месяц

или

1 200 экономия 160

при оплате сразу за 8 месяцев

12 марта Бесплатно 4 курса
Записаться на программу или получить бесплатную консультацию
Отправляя форму, вы соглашаетесь c «Политикой конфиденциальности» и «Условиями оказания услуг».

Хекслет

C 2012 года на рынке онлайн-образования. Около 10 000 человек обучаются на платформе ежемесячно. Более 20 000 человек в Slack-сообществе Хекслета — это одно из самых больших комьюнити опытных и начинающих программистов в рунете.