En

Обучение/Курс «Frontend-разработчик»

Курс «Frontend-разработчик»

230 000 единоразово
11 250 ₽/месв рассрочку на 24 мес
Длительность6 месяцев
ФорматГрупповые онлайн-семинары

Консультации с ментором 1 раз в неделю

Оплачиваемая стажировка

Парное программирование

  • GIT, HTML, CSS, TypeScript, JavaScript, React, RTK Query, Redux Toolkit, i18n

  • Воркшопы, лайвкодинг и парное программирование, код-ревью, современные практики написания кода

  • После курса — 3 месяца оплачиваемой стажировки на реальных проектах компании

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

Программа обучения

  • Stage 0

    Темы: HTML, GIT, GitHub, Chrome Dev Tools, VS Code, Терминал

    Итоговый проект: Многостраничный сайт — Персональный блог

  • Stage 1

    Темы: CSS, БЭМ, Препроцессоры SCSS/SASS, позиционирование с Flexbox и адаптивные макеты, Figma

    Итоговый проект: Лендинг интернет-магазина FPV дронов. Фиксированная и адаптивная вёрстка, пиксель перфект

  • Stage 2

    Темы: Полное погружение в язык программирования JavaScript. Задачи по алгоритмам и структурам данных. Паттерны проектирования. Принципы программирования.

    Итоговый проект — live coding решение задач

  • Stage 3

    Темы: Работа с DOM API, cookie, local storage, session storage

    Итоговый проект: Реализация виртуальной клавиатуры

  • Stage 4

    Темы: React, Redux Toolkit, Fetch, Роутинг в React-приложении

    Дипломный проект: The Traveler — бронирование отелей и гостиниц

  • Stage 5

    Practice

    Оплачиваемая стажировка на коммерческом проекте

    Технологический стек проектов: React, Typescript, i18n, Vite, Next.js, RTK Query, Zustand, Jenkins, GitLab, Unit тесты — Jest, Git flow, React Testing Library, Playwright, Code style management, Pre commit хуки — Husky, FSD дизайн, Lighthouse

  • Stage 5+

    Воркшоп с карьерным консультантом

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

Иконка списка

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

Изображение счастливых людей, работающих за ноутбуками
Иконка сообщения

После завершения обучения в Apex Nova Tech и становления разработчиком, поддержка команды останется с вами. Выпускники продолжают общаться, участвуют в закрытых мероприятиях IT-сообщества и активно обмениваются опытом и знаниями друг с другом.

Какие задачи выполняет Frontend‑разработчик

Вот несколько примеров продуктовых фич, над которыми работает фронтенд−разработчик в разных сферах:

Онлайн-магазин:

  • Рекомендательная система: создание блока с рекомендациями продуктов на основе истории покупок пользователя и просмотренных товаров.

  • Интерактивный каталог продуктов: реализация фильтров и сортировки товаров по различным параметрам (цена, рейтинг, бренд и т.д.), а также добавление возможности быстрого просмотра товара без перехода на отдельную страницу.

shop

Сервис доставки еды:

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

  • Реальное отслеживание заказа: разработка трекинговой системы, отображающей местоположение курьера на карте в реальном времени и статус выполнения заказа.

delivery

Платформа для онлайн-обучения:

  • Интерактивные учебные материалы: создание интерфейса для видеолекций с возможностью добавления заметок, закладок и вопросов по ходу просмотра.

  • Система тестирования: разработка модулей для проведения онлайн-тестов и викторин с различными типами вопросов (множественный выбор, заполнение пропусков, эссе) и мгновенной проверкой результатов.

education

Социальная сеть:

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

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

socialNetwork

Платформа для бронирования услуг:

  • Календарь доступности: реализация интерфейса календаря, где пользователи могут выбрать дату и время для бронирования услуг (например, бронирование столиков в ресторане или визита к врачу).

  • Система отзывов и рейтингов: создание модуля для оставления отзывов и оценок услуг с отображением среднего рейтинга и сортировкой по дате или популярности.

booking

Финансовое приложение:

  • Калькулятор бюджета: разработка инструмента для планирования и отслеживания личного или семейного бюджета, с возможностью добавления доходов и расходов, а также построения диаграмм и графиков.

  • Оповещения и напоминания: интерфейс для настройки и получения уведомлений о предстоящих платежах, достигнутых лимитах расходов и других финансовых событиях.

finance

New Vision

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

Frontend разработчики — это инженеры, которые создают интерфейсы веб‑приложений

Когда вы заходите на сайт и видите кнопку "Купить". Это их рук дело! Они делают все,чтобы вы не запутались и могли легко найти то, что ищете.

Оптимизация Производительности

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

Работа с Технологиями

Frontend разработчики — настоящие технологические гуру. Они работают с HTML, CSS и JavaScript, а также с крутыми фреймворками и библиотеками, такими как React, Angular или Vue. Представьте, что вы заходите на сайт и видите, что он работает как часы. Это благодаря тому, что frontend разработчики знают, как применять эти инструменты.

Адаптивный Дизайн

Представьте, что вы заходите на сайт с компьютера, а потом с телефона, и он выглядит одинаково круто. Это их заслуга! Они делают сайты мобильно-дружелюбными, чтобы вы могли пользоваться ими везде.

Разработка и Тестирование

Если вы заходите на сайт и все работает идеально, даже в разных браузерах, то это тоже успешная работа frontendразработчика, потому что он уже проверил совместимость и исправил ошибки.

Работа с API

Представьте, что вы заходите на сайт погоды и видите, что там отображается текущая температура. Это благодаря тому, что frontend разработчики использовали API для получения этих данных.

Улучшение Пользовательского Опыта

Когда вы видите красивые анимации, удобную навигацию и простой процесс оформления заказа, это заслуга Frontend разработчиков! Они делают все, чтобы вы получали удовольствие от использования веб-приложений.

Проекты

Когда вы видите стильный калькулятор или удобное приложение для заметок, созданное frontend−разработчиком, это свидетельствует о том, что он не только выполняет задачи для других, но и обладает способностью создавать полезные и оригинальные продукты самостоятельно.

Стать студентом

Вот так вкратце выглядит работа Frontend-разработчика!

Frontend — разработчики создают интуитивные интерфейсы, оптимизируют производительность, работают с передовыми технологиями, разрабатывают адаптивные дизайны, интегрируют API, и постоянно тестируют и совершенствуют пользовательский опыт. Присоединяйся к команде профессионалов — Мы научим работать!