Календарь 8 месяцев
звезда 4.8 Сравни.Ру | Рекомендовано РБК

Профессия: Web-разработчик

Освоите профессию для начала карьеры в IT за 9 месяцев
Обучение разработке веб-сайтов с нуля: программа соответствует требованиям рынка
На рынке 2 500+ вакансий для веб-разработчиков
star01

Знакомьтесь, профессия Веб-разработчик

О профессии

Веб-разработчик или разработчик web- и мультимедийных приложений — это специалист, который создает и поддерживает сайты и онлайн-сервисы. Он работает с интерфейсами, серверной частью и базами данных.

Зарплата
  • Junior: от 80 000 ₽

  • Middle: от 150 000 ₽

  • Senior: от 250 000 ₽

Проекты

Веб-разработчики нужны:

  • В IT-компаниях и digital-агентствах

  • В стартапах и продуктовых командах

  • На фрилансе и в корпоративном секторе
     

О профессии
star02

Определите, какой формат вам больше подходит

8 месяцев
4 проекта

Тариф «Стандартный»

Для тех, кто хочет быстро освоить профессию веб-разработчика

  • Обратная связь по домашним заданиям
  • Поддержка куратора во время обучения
  • Сертификат об окончании курса
  • Помощь в поиске работы от центра карьеры
  • Ежемесячные воркшопы с практиками рынка
  • Доступ к закрытому комьюнити
  • Возможность пройти стажировку в компаниях-партнерах
2 784 ₽ / мес −60%
Полная стоимость обучения
100 224 ₽250 560 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 80 179 ₽
8 месяцев
4 проекта

Тариф «Продвинутый»

Для тех, кому нужна интенсивная поддержка во время обучения и трудоустройства

  • Все опции тарифного плана «Стандартный»
  • 4 персональные консультации с ментором
  • 2 индивидуальные карьерные консультации
  • 1 тестовое собеседование с карьерным консультантом
3 335 ₽ / мес −60%
Полная стоимость обучения
120 053 ₽300 132 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 96 042 ₽
8 месяцев
4 проекта

Тариф «Премиум»

Для тех, кто хочет быстро вырасти до middle-разработчика

  • Все опции тарифного плана «Продвинутый»
  • 8 персональных консультаций
  • 5 индивидуальных карьерных консультаций
  • 2 тестовых собеседования с карьерным консультантом
  • Возможность выбрать ментора
5 512 ₽ / мес −60%
Полная стоимость обучения
198 432 ₽496 080 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 158 746 ₽
star03

Соберете работающее резюме

Вы будете уметь

  • Свободно программировать на JavaScript
  • Уверенно использовать в работе HTML и CSS
  • Работать с SQL и разбираюсь в видах баз данных
  • Владеть инструментами верстки и умею проектировать в Figma
  • Исследовать и улучшаю пользовательский опыт
  • Использовать React для создания приложений
  • Вести проекты в Git и работать с системами контроля версий
  • Владеть JavaScript на серверной стороне: Node.js
  • Тестировать приложения любой сложности на JavaScript
  • Свободно программировать на TypeScript

К моменту выпуска у вас будет не только сертификат — но и полноценное портфолио, опыт и навыки, которые требуют работодатели.

Инструменты

DockerDocker
GitGit
Node.jsNode.js
ReactReact
JavaScriptJavaScript
CSSCSS
HTMLHTML
SQLSQL
PostgreSQLPostgreSQL
и другие

Портфолио

ProductStar
star04

Изучите то, что нужно рынку

Обучение на курсе по веб-программированию строится по принципу «от базы к практике». Сначала — фундамент из знаний, потом — инструменты, далее — задачи. Вы двигаетесь по модулям в размеренном темпе, без лишней теории и с возможностью углубиться, если нужно. Все логично, пошагово и применимо на практике
Ступень 1Основы верстки: HTML, CSS + Figmaplus
Блок 1Принципы HTMLarrow-down
  • Структура веб страницы, базовый HTML

  • Базовый CSS, селекторы и каскад

  • Продвинутый CSS, адаптивность и кроссбраузерность

  • JavaScript. Основы языка, инструменты для разработки и отладки

Блок 2Объекты HTML и DOM-модельarrow-down
  • Объекты, массивы, функции в JavaScript

  • DOM-модель и работа со страницей

  • Обработка событий

  • Взаимодействие с сервером

Блок 3Расширенные возможности HTML и CSSarrow-down
  • Git и GitHub: Настраиваем репозиторий для проекта

  • Формы HTML: построение, валидация, доступность

  • Flex или Grid. Основы создания макетов

  • Адаптивная и кроссбраузерная верстка

Блок 4Системы контроля версийarrow-down
  • Системы контроля версий. Версионирование кода, совместная разработка, CSV

  • Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью

  • Жизненный цикл ПО, CI/CD

  • Git, основные понятия. Знакомство с GitLab

  • Введение в GitLab CI

  • GitLab CI. Внутренние переменные, Артефакты, Правила

Блок 5Инструменты верстки и UXarrow-down
  • Основы тестирования верстки + DevTools

  • Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций

  • Идеальная верстка: делаем Pixel Perfect по макету в Figma

Блок 6Работа с Figmaarrow-down
  • Знакомство с Figma

  • Работа с фигурами и инструментами

  • Создание дизайна интерфейса в Figma

  • Констрейны, компоненты и auto layout

  • Варианты и библиотеки

  • Прототипирование и анимация

  • Figma Community и FigJam

  • Совместная работа и передача дизайна

Ступень 2Работа с JavaScriptplus
Блок 1Базовый JavaScriptarrow-down
  • Введение. Переменные и работа с числами. Константы

  • Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения

  • Массивы и циклы. Объекты

  • Функции / области видимости и замыкания

  • Обработка событий и пользовательский ввод

  • Подключение библиотек

  • Регулярные выражения. Форматирование. Работа с датами

  • Mикро и макротаски. Цикл событий

  • Анимации и CSS-фреймворки

  • Структуры данных и алгоритмы

  • Сборка проекта

Блок 2Методология тестирования ПОarrow-down
  • Кроссбраузерное тестирование

  • Обработка проблем с HTML и CSS

  • Обработка ошибок в JavaScript

  • Реализация обнаружения функций

  • Введение в автоматизированное тестирование веб-приложений

  • Документы тестировщика

  • Артефакты тестирования

  • Жизненный цикл разработки ПО

Ступень 3Advanced JavaScriptplus
Блок 1Расширенные возможности Javascriptarrow-down
  • Продвинутые операторы JS

  • Алгоритмы: рекурсия и сортировки

  • Работа с графами и деревьями

  • Хеш-таблицы

  • Стек и очереди

  • Решение алгоритмических задач

  • Наследование и прототипное наследование

  • Шаблонизация

  • Общение с сервером

  • Использование API в браузере

  • Типовые виджеты

  • Управление пакетами: npm

Блок 2Библиотека Reactarrow-down
  • Быстрый старт в React

  • Компоненты

  • Рендеринг

  • Hooks

  • Маршрутизация в React

  • События и состояние

  • CSS-стилизации

  • Context API

Блок 3Современные методологии управления разработкойarrow-down
  • Методологии управления: Agile и Waterfall

  • Scrum

  • Kanban

  • Инструменты управления

Ступень 4Продвинутые навыки веб-разработчикаplus
Блок 1TypeScriptarrow-down
  • Введение в TypeScript

  • TypeScript: базовый синтаксис, типы данных и переменные

  • TypeScript: операторы, условия и циклы, числа

  • Функции в TypeScript

  • TypeScript: строки, массивы, кортежи

  • TypeScript: union

  • TypeScript: классы и объекты

  • TypeScript: пространства имен и модули

Блок 2SQLarrow-down
  • Введение в блок SQL

  • Извлечение и фильтрация данных (часть 1)

  • Извлечение и фильтрация данных (часть 2)

  • Преобразование и сортировка данных: введение

  • Преобразование и сортировка данных: advanced

  • Группировка данных

  • Базы данных. JDBC

  • Развитие проекта. Создание Todo.

  • Введение в базы данных

  • Объединение таблиц

  • Подзапросы

  • Обновление, добавление и удаление данных

  • Создание, изменение и удаление таблиц

  • Advanced SQL: операции с текстом и оконные функции

  • Advanced SQL: ускорение и оптимизация запросов, табличные выражения

  • Практический проект LEGO

Блок 3Javascript на серверной стороне: основы Node.jsarrow-down
  • Веб-сервер: базовые знания

  • Веб-программирование на стороне серверов: быстрый старт

  • Клиент-сервер

  • Фреймворки серверной части

  • Веб-безопасность

  • Express (Node.js/JavaScript): старт работы

  • Express: создание каркаса сайта

  • Express: работа с базой данной

  • Express: маршруты и контроллеры

  • Express: отображение данных

  • Express: работы с формами

  • Express: установка веб-сайта

Блок 4Основы DevOps для программистаarrow-down
  • Зачем DevOps frontend-разработчику

  • Введение в DevOps

  • Linux: введение и основные концепты ОС

  • Bash. Базовый инструмент скриптов в Linux

  • Контейнеризация. Знакомство с Docker.

  • Упаковка приложений в Docker

  • Docker Compose. Сервисы и взаимодействия

  • Ansible. Основные концепции и команды

  • Ansible.Роли и переменные

  • Ansible. Разработка ролей

Блок 5ChatGPT для разработчикаarrow-down
  • Введение в ChatGPT и его применение в разработке программного обеспечения

  • Устранение неполадок и отладка с помощью ChatGPT

  • Повышение качества кода с помощью ChatGPT

  • Проверка кода и документирование с помощью ChatGPT

  • Автоматическое тестирование с помощью ChatGPT

  • Генерация кода с помощью ChatGPT

  • Лучшие практики и советы по работе с ChatGPT

Блок 6Дипломная работаarrow-down
  • Работа над дипломным проектом для портфолио

  • Рост в тимлида

  • Финальная защита и консультации

star05

Поддержим после выпуска

Центр карьеры
Мы продолжаем работать после окончания курса: помогаем с резюме, проводим тренировочные собеседования, делимся свежими вакансиями и отвечаем на любые карьерные вопросы.
Трудоустройство
Вы получите практический опыт уже в процессе обучения: поучаствуете в хакатонах и решите реальные бизнес-задачи, чтобы откликаться на предложения с уже готовым портфолио и уверенностью в своих навыках. Мы сотрудничаем с компаниями и делимся актуальными вакансиями — это позволит ускорить процесс поиска работы.
Сообщество
Здесь вы получите поддержку, вдохновение и обратную связь на каждом этапе обучения. Сообщество ProductStar объединяет людей с разным бэкграундом и уровнем — от новичков до экспертов в области
Profession image
star06

Смотрите, кто будет вас учить

Наши эксперты — практикующие разработчики из Яндекса, Газпром-медиа, Skyeng, EPAM Russia и других компаний. Они знают, чем живет рынок и предлагают только те навыки и инструменты, которые реально работают.

Константин Брюханов

Генеральный директор, DeusOps

Ольга Киба

Software Engineer, Holland&Barrett

Александра Веселова

Senior Frontend Developer, ВТБ

Александр Баумгертнер

Senior Software Developer, EPAM Russia

Александр Зинченко

Руководитель группы web-разработки, Газпром-медиа Развлекательное ТВ

Азиз Намазов

Java Developer, Amazon

Дмитрий Пономарев

Senior Software Engineer/Tech Lead, NDA*

Дмитрий Бахтин

Директор по разработке, ООО «Дм-тех» — дочернее предприятие ПАО «Детский мир»

star07

Смотрите, как вы будете учиться

Платформа ProductStar разработана так, чтобы вам было удобно учиться: понятная навигация, четкие модули, подробные презентации и материалы после каждого урока. Все ясно, последовательно и интуитивно!
Комфорт
Вы почувствуете, что не одиноки на этом пути. Вас сопровождают менторы, кураторы и карьерные эксперты. Внутри — сообщество, где вы решаете кейсы, общаетесь и поддерживаете друг друга. Актуальные обновления всегда доступны прямо в личном кабинете.
Сообщество
Здесь вы получите поддержку, вдохновение и обратную связь на каждом этапе обучения. Сообщество ProductStar объединяет людей с разным бэкграундом и уровнем — от новичков до опытных продакт-менеджеров.
Домашние задания
Будете закреплять изученный материал на практике. В конце каждого блока вас ждут проекты, которые можно добавить в портфолио.
Поддержка на всех этапах
Сможете изучать материалы в комфортном темпе. Опытные менторы будут следить за вашим прогрессом, отвечать на вопросы и помогать погружаться в тему.
Комфорт
Вы почувствуете, что не одиноки на этом пути. Вас сопровождают менторы, кураторы и карьерные эксперты. Внутри — сообщество, где вы решаете кейсы, общаетесь и поддерживаете друг друга. Актуальные обновления всегда доступны прямо в личном кабинете.
Сообщество
Здесь вы получите поддержку, вдохновение и обратную связь на каждом этапе обучения. Сообщество ProductStar объединяет людей с разным бэкграундом и уровнем — от новичков до опытных продакт-менеджеров.
Домашние задания
Будете закреплять изученный материал на практике. В конце каждого блока вас ждут проекты, которые можно добавить в портфолио.
Поддержка на всех этапах
Сможете изучать материалы в комфортном темпе. Опытные менторы будут следить за вашим прогрессом, отвечать на вопросы и помогать погружаться в тему.
star08

Отзывы студентов курса

Истории студентов, которые прошли курс и строят карьеру
Павел Гребнев Из кладовщика в Python-разработчика
Павел Гребнев
Александр Шабловский Удобно совмещать работу и учебу
Александр Шабловский
Константин Терехов Карьерный центр помог найти работу тимлидом
Константин Терехов
ProductStar — это школа актуального образования от РБК
1

Курсы обновляются вместе с индустрией

2

Знания, которые нужны здесь и сейчас

3

Без теории ради теории

4

Без устаревших подходов

5

С активным сообществом специалистов и каналом актуальных вакансий

star10

Часто задаваемые вопросы

Если у вас остались вопросы об онлайн-курсе по web-разработке для начинающих, вы можете оставить заявку и наш гид поможет вам разобраться.
Что потребуется для успешного обучения?

Для решения задач потребуется ноутбук или ПК, лекции и уроки можно смотреть с мобильного телефона.

Как я буду искать работу?

Все студенты ищут работу вместе с Карьерным центром ProductStar.

С помощью консультанта составляют резюме под конкретную вакансию, пишут сопроводительные письма, готовятся к собеседованиям, проходят их — если нет, пробуют еще раз после разбора ошибок и успешно трудоустраиваются.

С какого возраста можно начинать обучение?

Учиться можно в любом возрасте, но оплачивать — только с 18 лет. Если вам меньше 18, уточните у менеджера, какие у вас есть возможности оплаты и как вам начать обучение.

Что, если после начала обучения я пойму, что курс мне не подходит?

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