Профессия
Старт
8 месяцев

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

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

• Научитесь создавать веб-приложения с помощью JavaScript, React и Redux

• Создадите свой сайт-портфолио в GitHub Pages с кейсами от компаний

• Поработаете над проектом в команде с продакт-менеджерами, дизайнерами и бэкенд-разработчиками

Записаться на курс
  • Легкий старт в IT, нагрузку выбираете сами
  • Реальные задачи и кейсы от «Ozon Банка»
  • Преподаватели — ведущие эксперты «Тинькофф», «Сбера», компаний США
  • Много практики: лайвкодинг, кросс-ревью кода, командная разработка
  • Персональная обратная связь
  • Помощь с трудоустройством

Почему стоит выбрать
фронтенд-разработку

IT и телеком

Компании, которые разрабатывают ПО для пользователей. Например, «Яндекс» или МТС.

Банки и финтех

Компании, у которых есть мобильные и веб-приложения. Например, «Тинькофф» или «Сбер».

Ретейл и e-commerce

Интернет-магазины, онлайн-сервисы. Например, Ozon или Авито.

Фриланс


Заказы от российских и зарубежных компаний.
205 000 ₽ средняя зарплата в РФ для специалистов
Фронтенд-разработчики — специалисты, которые работают на стыке программирования и творчества. Их ищут в штат или на проект «Газпром», Gismeteo, «Яндекс», «Росбанк», «Самолет». А количество выполненных заказов на фрилансе в 2023 году — больше 12 тысяч.
По данным Хабр Карьеры
3 400+ вакансий в РФ
По данным hh.ru
15 000+ вакансий в США
По данным Linkedin

Зарабатывайте любимым делом

После 7 месяцев обучения вы освоите основные инструменты на практике и сможете претендовать на позицию Junior-специалиста.
По данным Хабр Карьеры
  • 80к+
    Junior
    после курса
  • 180к+
    Middle от 1 года до 3 лет
  • 320к+
    Senior 3+ года

Кому подойдет курс

  • Желающим начать карьеру в IT с нуля

    Через 7 месяцев получите достаточно навыков, чтобы искать работу.

  • UX/UI-дизайнерам

    Сможете даже без технического бэкграунда перейти в IT и зарабатывать больше.

  • Бэкенд-разработчикам

    Получите необходимые навыки, чтобы стать фулстек-разработчиком и решать более широкий круг задач.

Чему вы научитесь

Фронтенд-разработчики работают не только с кодом, но и с визуальной составляющей продукта. Они создают лицо продукта, с которым будут взаимодействовать пользователи.
Программировать на JavaScript на продвинутом уровне.
Создавать веб-приложения с помощью HTML и CSS, React и Redux.
Покрывать свой код юнит-тестами.
Работать в кросс-функциональной команде.
Оставьте заявку на консультацию
+7

Преподаватели — ведущие эксперты индустрии

Элина Денисова

Элина Денисова

Фронтенд-разработчик, окончила МФТИ, ФИВТ. Работала в «Тинькофф», «Сбере», ВТБ и одной из компаний FAANG. Больше 6 лет во фронтенд-разработке.

Павел Новиков

Павел Новиков

Проектный менеджер и тимлид в Jaxel. Работал ведущим фронтенд-разработчиком в Epam, Grid Dynamics. Больше 5 лет опыта в сфере фронтенд-разработки.

Тимур Хусаенов

Тимур Хусаенов

Техлид по фронтенд-разработке в «СберПрайм». Больше 3 лет опыта во фронтенд-разработке.

Елена Науменко

Елена Науменко

Фронтенд-разработчик, работала в Royal Eagle Albania, CoinUp. Больше 3 лет опыта в коммерческой разработке.

Программа

Соответствует требованиям вакансий и ориентирована на получение практических навыков. Нагрузку вы выбираете сами — можете сделать от 5 до 12 проектов. Обучение рассчитано на 8 месяцев.
  • 3 языка программирования
  • 10+ инструментов
  • 8+ проектов
  • Дипломный проект
  • Конкурентное портфолио
Самостоятельное изучение

Вход в профессию

  • Знакомство с IT-сферой.
  • Как быть фронтенд-разработчиком.
  • Как устроено обучение на программе.
  • Как научиться учиться.
6 недель
Модуль 1

Основы программирования на Java Script

  • Работа с переменными и типами данных.
  • Основные операторы и выражения.
  • Условные операторы и циклы.
  • Определение и вызов функции.
  • Работа с объектами, массивами и множествами.
Практика модуля: проекты «Калькулятор» и «Паспорт питомца», 10+ алгоритмических задач по JavaScript в тренажерах для подготовки к алгоритмическому интервью.
7 недель
Модуль 2

Продвинутое программирование на Java Script

  • Парадигмы программирования и их различия.
  • Принципы функционального программирования.
  • Принципы объектно-ориентированного программирования.
  • Принципы структурного программирования.
  • Сложные конструкции управления потоком.
  • Области видимости, глобальные объекты и декораторы.
  • Настройка рабочих процессов с помощью Git: ветви разработки, рецензирование кода и развертывание.
Практика модуля: проект «Анализатор финансовых данных», 10+ задач со сложными структурами и алгоритмами.
8 недель
Модуль 3

Веб-разработка и верстка

  • Элементы языка разметки HTML.
  • Свойства языка стилей CSS.
  • Создание сложных макетов веб-страниц.
  • Использование flexbox для создания макетов.
  • Создание интерактивных веб-страниц.
  • Работа с API в асинхронном режиме с использованием таких методов, как fetch() и XMLHttpRequest().
  • Работа с файлами в JavaScript с использованием методов FileReader() и File().
  • Инструменты тестирования и взаимодействия с API.
  • Основы TypeScript.
  • Работа в команде с дизайнерами.
Практика модуля, проекты на выбор: адаптивный личный блог, приложение «Погода», галерея изображений, форма обратной связи с валидацией. Проекты выполняются в команде с практикующими дизайнерами.
9 недель
Модуль 4

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

  • Рендеринг компонентов в веб-приложении, передача данных между компонентами с использованием свойств.
  • Состояние и жизненный цикл компонентов.
  • Работа с событиями и обработка пользовательского ввода.
  • Маршрутизация и навигация.
  • Использование хуки React.
  • Тестирование веб-приложений: основные принципы тестирования, типы и методы тестирования, инструменты тестирования.
  • Основные концепции и версии Redux и особенности работы с ними.
  • Основные концепции Redux Toolkit: createReducer(), createAction(), createSelector() и createAsyncThunk().
Практика модуля, проекты на выбор: To-Do List, магазин с возможностью фильтрации товаров, инструмент для анализа финансовых данных, сайт ресторана с онлайн-меню. Проекты выполняются в команде с практикующими дизайнерами.
4 недель
Модуль 5

Разработка дипломного проекта

  • Планирование.
  • Дизайн.
  • Верстка и разработка интерфейса.
  • Фронтенд-разработка.
  • Тестирование.
  • Доработка и оптимизация.
  • Публикация и развертывание.

Защита дипломного проекта

Вы разработаете и защитите проект на выбор по уровню сложности:

• Light. Одностраничное приложение (SPA) — интерактивный веб-сайт, например портфолио или информационный сайт.


• Medium. Один из проектов в команде с бэкенд-разработчиками:

1. Интернет-магазин: полнофункциональный интернет-магазин с корзиной покупок и системой оплаты.
2. Социальная сеть: прототип социальной сети с профилями пользователей, лентой новостей и системой сообщений.
3. Платформа для блогов или форумов: сайт для публикации и обсуждения контента с функциями комментирования и модерации.
4. Решение для управления проектами: приложение для управления проектами с функциями задач, календарей и совместной работы.
5. Игра на JavaScript: простая веб-игра cо страницами пользователей и рейтингом.

• Hard. Один из проектов в команде с бэкенд-разработчиками:

1. Ресурс для бронирования: платформа для бронирования, например отелей или мероприятий, с возможностью поиска и фильтрации.
2. Инструмент аналитики данных: веб-интерфейс для визуализации и анализа данных с использованием библиотеки вроде D3.js или Chart.js.
Бонус

Основы работы с Figma

  • Основные элементы интерфейса Figma.
  • Работа с элементами интерфейса.
  • Создание макетов и прототипов.
  • Экспорт элементов из Figma для последующей вставки в код.
  • Генерация CSS-стилей из макетов Figma.
  • Использование макетов Figma при создании веб-сайта.
  • Адаптация макетов для различных разрешений экрана и устройств.
Бонус

Основы UX/UI

  • Основные концепции пользовательского опыта (UX) и пользовательского интерфейса (UI).
  • Основы дизайна интерфейса (UI).
  • Основы навигации и информационной архитектуры.
  • Прототипирование и тестирование.
  • Основы пользовательского опыта (UX).
  • Адаптивный и мобильный дизайн.

Подготовка к трудоустройству

  • Консультации с HR.
  • Составление резюме и сопроводительных писем.
  • Подготовка к собеседованиям.
  • Тестовое собеседование.
  • Составление портфолио.

Реальный опыт
на кейсах от компаний

Во время обучения вы поработаете над практическими кейсами от партнеров программы. Этот опыт поможет при трудоустройстве.
Практика от «Ozon Банка»
Первый e-commerce банк в России
Вы создадите проект по ТЗ от команды «Ozon Банка». По итогам работы над проектом лучшие студенты будут приглашены на встречу с представителями банка и будут включены в кадровый резерв.

Обучение ориентировано
на практику

  1. Смотрите видеолекции, читаете лонгриды, участвуете в вебинарах.
  2. Выполняете домашние задания и упражнения в тренажерах.
  3. Получаете обратную связь от наставников.
  4. Анализируете и обсуждаете работы с однокурсниками.
  5. Добавляете готовые работы в портфолио.
  6. Готовите и защищаете дипломный проект.

После выпуска

Резюме

Должность

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

Навыки

  • Адаптивная верстка веб-страниц.
  • Работа с flexbox для создания макетов.
  • HTML и CSS для создания интерактивных страниц.
  • Контроль версий в Git.
  • Программирование на JavaScript на продвинутом уровне
  • Обработка событий пользователя и ошибок.
  • Работа с API и файлами в асинхронном режиме.
  • React для создания интерактивных интерфейсов.
  • Redux для управления состоянием React-приложений.
  • Тестирование веб: безопасность, производительность, UI.

Портфолио: от 5 до 12 уникальных проектов

Портфолио поможет при трудоустройстве и в дальнейшей работе.

Калькулятор на JavaScript
Таск-трекер
Приложение с прогнозом погоды с использованием API
Интернет-магазин с каталогом товаров, корзиной и оформлением заказа
Игра на JavaScript
Сайт-портфолио для некоммерческой организации
Личный веб-сайт
И еще 5 проектов

Инструменты и фреймворки

HTML
CSS
JavaScript
TypeScript
React
Redux
Bootstrap
Webpack
VS Code
Chrome DevTools
Git
Fetch
Jes

Сопроводительное письмо

Научим составлять сопроводительные письма, чтобы получить работу мечты.

Подготовка к собеседованию

Карьерный центр Ultimate Education подготовит вас к интервью на воркшопах и карьерных консультациях.

Комьюнити

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

Комьюнити-встречи

Очные и онлайн-встречи студентов, совместные посещения выставок, воркшопов, лекций и других мероприятий.

Random Coffee

Новые знакомства с ребятами из комьюнити BBE (в том числе с командой школы) — каждую неделю в специальном канале с ботом.

Почему Bang Bang Education

  • Практикующие преподаватели и наставники
    Авторы курсов участвуют в крупных проектах и формируют главные тренды в индустрии. Они дают экспертную обратную связь, помогают оформить портфолио и делятся собственным опытом.
  • Портфолио
    Мы даем знания и помогаем подготовить от пары до десятка работ — в зависимости от продолжительности курса. Наставники проверяют выпускные проекты и предлагают идеи, чтобы студенты смогли уверенно демонстрировать портфолио будущим заказчикам.
  • Комьюнити
    В чатах сообщества делимся знаниями, ищем вдохновение и обсуждаем важное. Это пространство, чтобы задавать вопросы и не бояться проявить себя. А еще находить друзей и чувствовать, что в любой точке мира ты не один.
  • Учебная платформа
    Смотреть лекции, общаться с преподавателями и изучать работы других студентов можно с компьютера или с телефона в удобное время.
  • Насмотренность и открытость
    Мы создаем образовательную среду, где студенты разделяют идеи друг друга и развиваются вместе. Открываем доступ ко всем работам внутри курсов и показываем выпускные проекты всем желающим на финальных просмотрах.

Выдаем официальный диплом, чтобы подтвердить вашу квалификацию

Мы ведем образовательную деятельность на основании государственной лицензии № 41 164 от 15 декабря 2020 г.

Первый платеж — через 3 месяца
Специальные условия рассрочки до 31 мая: подробности у гидов по школе и в правилах акции
7 000 ₽ / мес
В рассрочку на 24 мес
Полная стоимость
168 000 ₽
Заполните форму и наш гид свяжется с вами
+7
Оплатить курс

FAQ

Если у вас остались вопросы про обучение по фронтенд-разработке с нуля, вы можете
оставить заявку и наш координатор поможет вам.
  • Подойдет ли программа тем, у кого нет опыта в IT и технического образования?
    При разработке программы мы ставили задачу сделать ее доступной для новичков. Уделяйте больше внимания практике и не пропускайте занятия. В остальном помогут эксперты, которые будут сопровождать вас на протяжении всего курса.
  • Какие требования к компьютеру?
    Для обучения на курсе вам подойдет любой компьютер с процессором 1,6 ГГц или выше и 1 Гб ОЗУ, а также от 500 Мб свободного места на диске.
  • Сколько времени дается на домашние задания?
    Учебе нужно посвящать в среднем 10–15 часов в неделю — на просмотр лекций и выполнение домашних заданий. Новые уроки открываются каждую неделю. Вы будете выполнять несколько домашних заданий в неделю самостоятельно и одно задание — с обратной связью от преподавателя.
  • Получится ли совмещать учебу с работой?
    Да, занятия проходят онлайн, в большинстве случаев вы сможете смотреть лекции или выполнять практические задания в удобное время в течение недели. Главное — сдавать свои работы вовремя и не отставать от группы.
  • Есть ли возможность устроиться на работу после обучения на программе?
    Программа соответствует требованиям вакансий и ориентирована на трудоустройство. С поиском работы помогут специалисты из нашего карьерного центра: подскажут, где искать работу и как оформить портфолио, подготовят к собеседованиям и проведут карьерные консультации. Вы сможете начать поиск работы младшим фронтенд-разработчиком уже после 7 месяцев обучения.
  • Я получу документ об образовании?
    Да, после окончания курса мы выдаем официальный диплом о повышении квалификации. Мы ведем образовательную деятельность на основании государственной лицензии № 41 164 от 15 декабря 2020 г.