Скидка на все курсы 65%
Новый учебный год с новыми знаниями
00:00:00:00
дн.
час.
мин.
сек.
Нажимая кнопку «Отправить», вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Frontend-разработчик
Запишитесь на карьерную консультацию специалиста
Нажимая кнопку «Записаться», вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Освоите востребованную профессию и будете зарабатывать в среднем от 70 000 ₽ на «удаленке»
Найдете работу по специальности в процессе прохождения курса
Профессия
Гарантия трудоустройства
Более 10 проектов в портфолио
Возможность перевода на другой курс в течение двух месяцев
Сильное портфолио разработчика
Рассрочка без % для России и Казахстана
Программа обновлена в 2024 году
Возможность совмещать с работой и личными делами
Frontend-разработка — это все то, что мы видим на экране
Визуальное воплощение любого сайта или приложения — результат работы Frontend-разработчика. Он делает продукт максимально удобным и понятным для пользователя
Не просто помогаем найти работу, а гарантируем трудоустройство
Успешно завершите все модули программы
Выполните не менее 80% домашних заданий в срок
Защитите дипломную работу
Получите предложение о работе, если
Все условия фиксируем в договоре
При условии выполнения Заказчиком-физическим лицом требований, указанных в п.п. 6.2.– 6.8 Договора, Исполнитель обязуется оказать ему содействие в трудоустройстве в течение 6 (шести) календарных месяцев после успешного окончания обучения по Программе. Под трудоустройством понимается получение оффера (предложения о начале трудовых отношений) от работодателя, базирующегося или имеющего филиал в городе проживания Заказчика, либо получения оффера на удаленную работу при прочих местонахождениях работодателя, по специальности приобретенной Услуги или смежной специальности. В случае если Заказчик при выполнении всех условий не трудоустраивается в течение 6 (шести) календарных месяцев после успешного окончания обучения по Программе и отсутствуют обстоятельства, указанные в п. 6.9 и п. 6.10 Договора, Исполнитель осуществляет возврат Пользователю уплаченной им стоимости за Услуги Исполнителя.
Смотреть всю оферту
Смотреть всю оферту
Почему стоит пойти во Frontend-разработку
Специальность находится на стыке творчества и точных навыков, поэтому вы сможете воплотить свои самые инновационные идеи
Творческое самовыражение
Каждая компания, имеющая сайт или приложение, нуждается во Frontend-разработчике. Спрос на специалистов ежегодно растет на 20%
Востребованность на рынке труда
Во Frontend-разработке специалисты чаще работают сами на себя, так как в интернете имеется огромное количество заказов на создание сайтов и приложений
Множество проектов на фрилансе
Кому подойдет этот курс
Будете учиться по формату — от простого к сложному. Научитесь писать код, отрабатывая его на практике, и освоите важные навыки разработчика
Новичкам без опыта в IT
Систематизируете текущие знания и восполните пробелы. Начнете свободно писать код любой сложности уже через три месяца обучения
Начинающим Frontend-разработчикам
Поймете, как грамотно использовать свой опыт в сфере разработки и познакомитесь с новой стороной IT-направления
Специалистам из смежных IT-сфер
Погрузитесь в основы Frontend-разработки и сможете самостоятельно создавать web-сайты или приложения для бизнеса. Будете тестировать свои идеи и привлекать больше клиентов
Владельцам собственных бизнесов
3 курса на выбор это отличная возможность начать карьру в IT и определиться какое направление вам больше подходит.
Наша команда карьерных специалистов поможет подобрать подходящие именно для вас курсы.
Проконсультируйтесь с карьерным специалистом
Заполните поля и мы с вами свяжемся
Проанализируем ваши навыки, сферу интересов и дадим рекомендации по дальнейшему профессиональному развитию
Разберетесь в работе с HTML и CSS, узнаете, как улучшить пользовательский опыт и достичь идеальной верстки
Использовать HTML, CSS и работать в Figma
Познакомитесь со структурами и библиотеками JavaScript, сможете писать легко читаемый код и сверстаете ваш первый сайт
Работать с JavaScript и библиотекой React
Изучите TypeScript и Node.js. Начнете выполнять задачи как Frontend-, так и Backend-разработчика
Создавать сайты повышенной сложности
Будете не только верстать, но и искать баги в работе сайтов и приложений. Освоите автоматизированное и ручное тестирование
Тестировать сайты и приложения
На курсе вы научитесь
Почему ProductStar
Образовательная платформа ProductStar — пространство для комфортных занятий студентов. Уроки, чаты, тренажеры, домашние задания — собрали в одном месте все, что необходимо для полноценного обучения.
Комфортная смена професии
Просматривайте уроки в видеоформате на платформе ProductStar. Обучение асинхронное — это значит, вы можете изучать материалы в удобном темпе и возвращаться к ним в любое время.
Изучение темы
Каждый месяц — воркшопы с опытными разработчиками, где разбирают выбранные студентами темы и кейсы реальных компаний На воркшопе можно задать любые вопросы и в режиме онлайн выполнить code review.
Онлайн-воркшопы с экспертами
Закрепляйте изученный материал на практике. В конце курса вас ждет несколько проектов, которые вы защитите и добавите в портфолио.
Домашние задания и защита проектов
Опытные менторы будут следить за вашим прогрессом, отвечать на вопросы и помогать усвоить материал. Затем вместе с Карьерным центром вы найдете стажировку и первую работу.
Поддержка опытным специалистом
Преподаватели — опытные практики
Прошли путь от Junior- до Senior-специалистов и руководителей. Работают в крупных российских и зарубежных компаниях и учат тому, что необходимо в работе.
*Название компании спикера нельзя разглашать
Программа курса
10 месяцев
длится обучение (8−10 часов в неделю)
134
урока в онлайн-формате
100 +
практических заданий с проверкой
2024
год обновления программы
Введение в программирование
Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта
Изучите базовые навыки разработчика и поймете, как устроено программирование
По шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода
Основы верстки: HTML, CSS + Figma
Освоите необходимые для специалиста инструменты HTML и CSS, поработаете с системами контроля версий и углубитесь в развитие пользовательского опыта. Сможете выйти на стажировку и брать небольшие проекты на фрилансе по верстке сайтов.
Ступень №1
- Структура web-страницы, базовый HTML
- Базовый CSS, селекторы и каскад
- Продвинутый CSS, адаптивность и кроссбраузерность
- Основы JavaScript, инструменты для разработки и отладки
- Объекты, массивы, функции в JavaScript
- DOM-модель и работа со страницей
- Обработка событий
- Взаимодействие с сервером
- Git и GitHub: Настраиваем репозиторий для проекта
- Формы HTML: построение, валидация, доступность
- Flex или Grid. Основы создания макетов
- Адаптивная и кроссбраузерная верстка
- Системы контроля версий. Версионирование кода, совместная разработка, CSV
- Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью
- Жизненный цикл ПО, CI/CD
- Git, основные понятия. Знакомство с GitLab
- Введение в GitLab CI
- GitLab CI. Внутренние переменные, Артефакты, Правила
- Основы тестирования верстки + DevTools
- Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
- Идеальная верстка: делаем Pixel Perfect по макету в Figma
- Знакомство с Figma
- Работа с фигурами и инструментами
- Создание дизайна интерфейса в Figma
- Констрейнты, компоненты и auto layout
- Варианты и библиотеки
- Прототипирование и анимация
- Figma Community и FigmaJam
- Совместная работа и передача дизайна
Работа с JavaScript
Научитесь свободно писать код, поработаете с библиотеками и фреймворками, выполните несколько проектов. При помощи Карьерного центра начнете искать работу и проходить первые собеседования
Ступень №2
- Введение. Переменные и работа с числами. Константы
- Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
- Массивы и циклы. Объекты
- Функции / области видимости и замыкания
- Обработка событий и пользовательский ввод
- Подключение библиотек
- Регулярные выражения. Форматирование. Работа с датами
- Mикро и макротаски. Цикл событий
- Анимации и CSS фреймворки
- Структуры данных и алгоритмы
- Сборка проекта
- Кроссбраузерное тестирование
- Обработка проблем с HTML и CSS
- Обработка ошибок в JavaScript
- Реализация обнаружения функций
- Введение в автоматизированное тестирование веб-приложений
- Документы тестировщика
- Артефакты тестирования
- Жизненный цикл разработки ПО
Advanced JavaScript
Изучите расширенные возможности JavaScript и углубитесь в работу с библиотекой React, которую активно используют для создания пользовательских интерфейсов. Будете активно проходить собеседования, отрабатывать ошибки и пополнять портфолио проектами
Ступень №3
- Продвинутые операторы JS
- Алгоритмы: рекурсия и сортировки
- Работа с графами и деревьями
- Хеш-таблицы
- Стек и очереди
- Решение алгоритмических задач
- Наследование и прототипное наследование
- Шаблонизация
- Общение с сервером
- Использование API в браузере
- Рендеринг в браузере
- Типовые виджеты
- Управление пакетами: npm
- Быстрый старт в React
- Компоненты
- Рендеринг
- Hooks
- Маршрутизация в React
- События и состояние
- CSS-стилизации
- Context API
- Методологии управления: Agile и Waterfall
- Scrum
- Kanban
- Инструменты управления
Продвинутые навыки frontend-разработчика
Освоите продвинутые и смежные инструменты JavaScript-разработчика. Благодаря этим знаниям, сможете выделиться на фоне других кандидатов и быть в приоритете при отборе на позицию разработчика
Ступень №4
- Введение в TypeScript
- TypeScript: базовый синтаксис, типы данных и переменные
- TypeScript: операторы, условия и циклы, числа
- Функции в TypeScript
- TypeScript: строки, массивы, кортежи
- TypeScript: union
- TypeScript: классы и объекты
- TypeScript: пространства имен и модули
- Введение в блок SQL
- Извлечение и фильтрация данных (часть 1)
- Извлечение и фильтрация данных (часть 2)
- Преобразование и сортировка данных: введение
- Преобразование и сортировка данных: advanced
- Группировка данных
- Базы данных. JDBC
- Развитие проекта. Создание todo.
- Введение в базы данных
- Объединение таблиц
- Подзапросы
- Обновление, добавление и удаление данных
- Создание, изменение и удаление таблиц
- Advanced SQL: операции с текстом и оконные функции
- Advanced SQL: ускорение и оптимизация запросов, табличные выражения
- Практический проект LEGO
- Web-сервер: базовые знания
- Web-програмирование на стороне серверов: быстрый старт
- Клиент-сервер
- Фреймворки серверной части
- Web-безопасность
- Express (Node.js/JavaScript): старт работы
- Express: создание каркаса сайта
- Express: работа с базой данной
- Express: маршруты и контроллеры
- Express: отображение данных
- Express: работы с формами
- Express: установка web-сайта
- Зачем DevOps Frontend-разработчику
- Введение в DevOps
- Linux: введение и основные концепты ОС
- Bash. Базовый инструмент скриптов в Linux
- Контейнеризация. Знакомство с Docker.
- Упаковка приложений в Docker
- Docker-Compose. Сервисы и взаимодействия
- Ansible. Основные концепции и команды
- Ansible.Роли и переменные
- Ansible. Разработка ролей
- Введение в ChatGPT и его применение в разработке программного обеспечения
- Устранение неполадок и отладка с помощью ChatGPT
- Повышение качества кода с помощью ChatGPT
- Проверка кода и документирование с помощью ChatGPT
- Автоматическое тестирование с помощью ChatGPT
- Генерация кода с помощью ChatGPT
- Лучшие практики и советы по работе с ChatGPT
- Работа над дипломным проектом для портфолио
- Рост в тимлида
- Финальная защита и консультации
Получите подробную программу курса
Заполните форму, и мы пришлем детальную программу обучения
Ваше будущее портфолио
Разработаем приложение «Игральная кость» с помощью библиотеки React
Приложение для вывода погоды: создадим приложение,
которое случайным образом будет генерировать прогноз погоды. Красиво его оформим и добавим анимацию при желании
которое случайным образом будет генерировать прогноз погоды. Красиво его оформим и добавим анимацию при желании
Приложение фото-слайдера. Создадим первое приложение с использованием библиотеки React
Создадим анимированный таймер с помощью дополнительных библиотек, научимся работать с анимацией
Проект «Web-галерея»: потренируемся писать код для целей Frontend с использованием HTML, CSS и JavaScript
Приложение «Калькулятор». Создадим свой калькулятор с расширенными функциями, потренируемся писать грамотный код и использовать различные фреймворки
Ваше резюме после курса
Антон Карцев
Желаемая должность: Junior Frontend-разработчик
Мои навыки
Уверенно использую в работе HTML и CSS
Работаю с SQL и разбираюсь в видах баз данных
Умею вести проекты в Git и работать с системами контроля версий
Владею инструментами верстки и умею проектировать в Figma
Исследую и улучшаю пользовательский опыт
Тестирую приложений любой сложности на JavaScript
Свободно программирую на JavaScript
Web-галерея
Опыт и кейсы
Приложение для вывода погоды
Анимированный таймер
Приложение фото-слайдера
Приложение «Игральная кость»
Калькулятор
Стек технологий
HTML
CSS
JavaScript
Docker
React
SQL
TypeScript
Node.js
Figma
Зарплата: от 80 000 ₽
Git
Использую React для создания приложений
Свободно программирую на TypeScript
Владею JavaScript на серверной стороне: Node.js
Приложение «Глобальный чат»
Курируем крупнейшее в Восточной Европе комьюнити product- и project-менеджеров — более 20 000 человек
ProductStar входит в холдинг РБК и сотрудничает с крупнейшими российскими IT-компаниями, что позволяет успешно трудоустраивать студентов
Наши студенты попадают в сообщество экспертов, посещают конференции и всесторонне развиваются
Немного о ProductStar
Учиться с ProductStar выгодно
Налоговый вычет на все наши курсы. Подробная информация об условиях вычета и список необходимых документов — на сайте ФНC
13%
Полный возврат денежных средств в течение 21 дня с момента старта, если приняли решение остановить обучение
100%
Рекомендуйте обучение друзьям и получайте 15% от стоимости курса себе на карту
15%
Работодатель может оплатить ваше обучение полностью или частично
100%
Подбираем стажировки
в реальных компаниях
Организуем part-time стажировки в компаниях-партнерах, где вы сможете получить практический опыт и рекомендательные письма
Трудоустраиваем в процессе обучения
80%
200 +
3,5 мес.
студентов нашли работу до окончания курса
партнерств с ведущими IT-компаниями за 10 лет
среднее время поиска работы с момента обращения в Карьерный центр
Этапы трудоустройства
Определение карьерного трека
Отклики на вакансии
Подготовка к поиску работы
Трудоустройство на работу
Разберем, в какой специализации вы хотите работать, и проанализируем рынок вакансий
Разошлем готовое резюме компаниям-партнерам и предоставим список площадок с актуальными вакансиями
Научим составлять сильное резюме и сопроводительное письмо с высокой конверсией
Потренируемся проходить собеседования, круто рассказывать о себе и выполнять тестовые задания. Поможем успешно пройти испытательный срок
Трудоустраиваем студентов в топовые компании
Отзывы наших студентов
Переведем на другой курс, если сфера не подойдет
Вы можете сменить этот курс на любой другой без доплат в течение двух месяцев. Попробуйте себя в нескольких направлениях и выберите то, что по душе.
Стоимость обучения
Премиум
Возможность выбрать ментора
Составление PDP — индивидуального плана карьерного развития
Стандартный
Гарантия трудоустройства
Поддержка ментора и куратора на всех этапах обучения
Стажировка в партнерских компаниях
Доступ к сообществу специалистов
4 667 ₽ / месяц
х 24 платежа в рассрочку
или одним платежом с дополнительной скидкой 10% – 100 800 ₽
6 699 ₽/ месяц
х 36 платежей в рассрочку
или одним платежом с дополнительной скидкой 10% – 217 035 ₽
Все опции продвинутого тарифа
Продвинутый
Доступ к мини-курсам по смежным специальностям и навыкам
Помощь на испытательном сроке
Индивидуальные видеовстречи 1:1 с ментором и сопровождение
5 790 ₽ / месяц
х 24 платежа в рассрочку
или одним платежом с дополнительной скидкой 10% – 125 055 ₽
Все опции базового тарифа
Поможем найти работу, проекты или стажировку и дадим работающие инструменты, которые останутся с вами навсегда. Это прописано в оферте
Гарантируем трудоустройство
4 встречи
40 встреч
Подходит тем, кто не нуждается в дополнительном менторстве и поддержке на испытательном сроке
Больше взаимодействия с ментором-разработчиком, активнее нетворкинг и поддержка на испытательном сроке
Для достижения результата в кратчайшие сроки, обучение под индивидуальным присмотром
-65%
-65%
-65%
Оставьте заявку, и наш менеджер свяжется с вами в ближайшее время
Оставьте заявку, и наш менеджер свяжется с вами в ближайшее время
Оставьте заявку, и наш менеджер свяжется с вами в ближайшее время
Запишитесь на карьерную консультацию
Обучение с нуля в удобном формате
Трудоустроим или вернем деньги
Рассрочка без % для России и Казахстана
Беспроцентная рассрочка на любые курсы от банков-партнеров
Часто задаваемые вопросы
Для решения задач потребуется ноутбук или ПК, лекции и уроки можно смотреть с мобильного телефона.
Все студенты ищут работу вместе с Карьерным центром ProductStar.
С помощью консультанта составляют резюме под конкретную вакансию, пишут сопроводительные письма, готовятся к собеседованиям, проходят их — если нет, пробуют еще раз после разбора ошибок и успешно трудоустраиваются.
С помощью консультанта составляют резюме под конкретную вакансию, пишут сопроводительные письма, готовятся к собеседованиям, проходят их — если нет, пробуют еще раз после разбора ошибок и успешно трудоустраиваются.
Учиться можно в любом возрасте, но оплачивать — с 18 лет. Если вам меньше 18, уточните у менеджера, какие у вас есть возможности оплаты и как вам начать обучение.
Да, у нас есть удобная опция беспроцентной рассрочки.
Также мы понимаем, что формат обучения для каждого индивидуален — поэтому даем гарантию возврата полной суммы в течение 21 дня после оплаты, чтобы вы успели попробовать наш курс и решить, подходит ли он вам.
Также мы понимаем, что формат обучения для каждого индивидуален — поэтому даем гарантию возврата полной суммы в течение 21 дня после оплаты, чтобы вы успели попробовать наш курс и решить, подходит ли он вам.
Конечно. У нас оплачивают обучение своих сотрудников многие компании: «Яндекс», Skyeng, «Сбербанк», Wargaming.
Оплату проводим по счету и предоставляем все необходимые закрывающие документы. Если нужно — заключаем договор.
При оплате курса более чем на пять сотрудников делаем скидку для юрлиц — оставляйте заявку, чтобы узнать обо всех актуальных акциях и до встречи на курсе.
Оплату проводим по счету и предоставляем все необходимые закрывающие документы. Если нужно — заключаем договор.
При оплате курса более чем на пять сотрудников делаем скидку для юрлиц — оставляйте заявку, чтобы узнать обо всех актуальных акциях и до встречи на курсе.
Для новичков в IT у нас есть:
Если вы не знаете, какой курс выбрать и пока не погружены в специфику профессий, оставьте заявку, и с вами свяжется персональный менеджер. На основе ваших интересов он поможет подобрать подходящее направление.
- Онлайн-курс по Web-разработке с трудоустройством;
- Курс по Информационной безопасности;
- Курс обучения на Инженера по тестированию с нуля;
- Базовый курс по Java-программированию;
- Курс по Аналитике данных для начинающих.
Если вы не знаете, какой курс выбрать и пока не погружены в специфику профессий, оставьте заявку, и с вами свяжется персональный менеджер. На основе ваших интересов он поможет подобрать подходящее направление.