Профессия

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

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

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

Технологии, изучаемые в профессии Фронтенд-программист
Формат

текстовые уроки и упражнения с автоматической проверкой

Расписание

10 часов в неделю в удобное время

Трудоустройство

помогаем со стажировкой и поиском работы

Длительность

8 месяцев

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

<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Игры разума">Project Alt</span>

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

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

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

Вебинары, слаконары
  • Настройка окружения (менеджер версий asdf, ubuntu on windows, английский)
  • Эффективная отладка кода (дебагер, подходы)
  • Поиск технической информации (https://guides.hexlet.io/how-to-search/)
  • Организация задач с помощью Kanban-доски (Trello)

Курсы

Теория, квизы, практика в тренажере
Основы современной вёрстки
При разработке современных интерфейсов учитываются не только последние технол...
Введение в программирование
Что такое компьютер на самом деле? Понимает ли он языки программирования? Как...
JS: Массивы
Массивы — основной способ объединять данные в коллекции. При выводе курсов на...
Основы командной строки
Командная строка — это первое, с чем сталкивается программист, работающий на ...
Введение в Git
Git (система контроля версий) — один из главных инструментов в арсенале любог...
JS: Настройка окружения
Реальный опыт программирования возможен только если код запускается локально ...

Итоговый проект

Глубокий анализ архитектуры
Игры разума
Погрузитесь в непростую экосистему JavaScript, научитесь настраивать рабочее окружение. Подружитесь с линтером (анализатором качества кода) и менеджером зависимостей npm. Поймёте, чем git отличается от GitHub, поработаете с внешними репозиториями. Получите опыт построения архитектуры полноценного приложения и написания чистого кода.
<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Вычислитель отличий">Project Alt</span>

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

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

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

Вебинары, слаконары
  • Алгоритмы и структуры данных (прокачка на CodeBattle, грокаем алгоритмы)
  • Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)
  • Функциональное программирование (чистота, побочные эффекты)
  • Устройство языков (Парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)

Курсы

Теория, квизы, практика в тренажере
JS: Объекты
Объект — самый навороченный тип данных в JavaScript. С его помощью описывают ...
JS: Функции
Функции в JavaScript способны на большее! В этом курсе вы познакомитесь с так...
JS: Автоматическое тестирование
Автоматизированное тестирование – неотъемлемая часть процесса программировани...
JS: Абстракция с помощью данных
Программирование не ограничивается одними лишь вычислениями. Любая нетривиаль...
JS: Деревья
Множество окружающих нас вещей, в мире компьютеров, имеют древовидную структу...
JS: Введение в ООП
JS - мультипарадигменный язык программирования с поддержкой объектно-ориентир...
JS: Объектно-ориентированный дизайн
Проектирование кода в объектно-ориентированном стиле - целая история со множе...

Итоговый проект

Глубокий анализ архитектуры
Вычислитель отличий
Узнаете как создавать cli приложения, парсить и форматировать данные в json, yaml. Научитесь проектировать архитектуру приложений. А также писать unit-тесты.
<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: RSS агрегатор">Project Alt</span>

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

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

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

Вебинары, слаконары
  • Устройство операционных систем (книга код и администрирование, процессы, память, файловая система)
  • Подключение к обучению подкастов, книг и онлайн мероприятий, вовлечение в локальные комьюнити, ведение своего блога, помощь другим в слаке хекслета и обсуждениях
  • Командная работа в Git
  • REST API, Очереди, Background Jobs

Курсы

Теория, квизы, практика в тренажере
Протокол HTTP
Этот курс посвящен интернет-протоколу HTTP благодаря которому работают веб-са...
JS: Асинхронное программирование
Курс посвящен знакомству с асинхронной моделью программирования в JavaScript ...
JS: DOM API
Браузер это особая среда, в которой JavaScript получает возможность взаимодей...
Регулярные выражения
Регулярные выражения (Regexp) – мощный способ обработки строк, позволяющий на...
JS: Архитектура фронтенда
Несмотря на обилие различных фреймворков и способов разработки фронтенд прило...
JS: Продвинутое тестирование
Тестирование реальных приложений значительно сложнее чем просто вызов функций...

Итоговый проект

Глубокий анализ архитектуры
RSS агрегатор
После третьего проекта вы сможете уверенно работать с DOM, webpack, Bootstrap, AJAX, валидациями и деплоить проект
<span class="translation_missing" title="translation missing: ru.web.professions.group.program.project_alt, project: Чат (Slack)">Project Alt</span>

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
React — библиотека, которая перевернула наши представления о том, как разраба...
JS: Redux (React)
Redux — это официальный способ управлять состоянием в нетривиальных React при...

Итоговый проект

Глубокий анализ архитектуры
Чат (Slack)
Напишите real-time приложение на React/Redux, используя AJAX, REST, websockets, React (с хуками) + Redux (@reduxjs/toolkit) + Formik

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

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

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

Учитесь у опытных программистов

Наставники — опытные программисты, которые прошли отбор. Закреплённый за группой наставник поможет работать с теорией, решать практические упражнения, поделится опытом и подскажет, как справиться с ошибками.

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

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

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

Аватар пользователя Роман Макаров
Роман Макаров
г. Симферополь

Зарегистрировался и… пропал в Хекслете с головой на полгода. Таких интересных и подробных материалов я не встречал ещё в сети. Даже самые базовые вещи, на которые сам бы никогда не обратил внимание, тут вызывают бурное обсуждение в топиках под уроками.

Аватар пользователя Вячеслав Быков
Вячеслав Быков
г. Москва

Сертификат

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

Сертификат

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

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

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

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

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

Мы помогаем нашим выпускникам получить работу в ведущих компаниях

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

Cтоимость

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

$170 помесячно

или

$1200 $1360

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

Доступно без оплаты: 4 курса, 30 упражнений

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

Хекслет

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

Если у вас остались вопросы

Учиться на Хекслете может каждый желающий, предварительная подготовка не требуется. Программа обучения доступна для людей, которые окончили среднюю школу. Результат обучения зависит от вас: вашего усердия и целеустремлённости. Сомневаться в начале пути нормально. Чтобы убедиться в этом, загляните в раздел «Истории успеха», в котором наши выпускники делятся опытом обучения и успешного трудоустройства.

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

Наставник — опытный программист, который добился успехов в профессии, а теперь делится знаниями и опытом с вами. Он помогает планировать обучение, осваивать теорию и писать код. Если у вас возникли проблемы, наставник подскажет, как их можно решить или к кому обратиться.

Взаимодействие со студентами происходит в Slack-чате группы. Для каждой группы студентов создаётся отдельный закрытый чат с наставником. Также наставник проводит регулярные групповые созвоны и вебинары.

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

Мы помогаем нашим студентам найти работу. Для этого с четвёртого модуля обучения HR-менеджеры консультируют выпускников, помогают составить резюме, презентации портфолио, подготовиться к собеседованиям, а также найти вакансии среди наших компаний-партнёров.

Вы можете оплатить обучение сразу или платить помесячно. При единовременной оплате вы получаете скидку. А помесячная оплата — это честная рассрочка от Хекслета, никаких банков, кредитов и процентов.

Мы принимаем дебетовые и кредитные карты Visa, MasterCard и American Express любого банка. Валюта счёта не имеет значения. Ваш банк автоматически конвертирует нужную сумму по действующему курсу.

Да, мы гарантируем возврат всей стоимости обучения в течение 14 дней со дня оплаты. Далее, если что-то пошло не так, вы также можете вернуть деньги за каждый полный месяц, который не был израсходован.

Напишите нам на support@hexlet.io, если у вас остались вопросы