Учим работать с ИИ
8 месяцев
4.9 Сравни.ruРекомендовано РБК

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

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

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

О профессии

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

Зарплата

  • Junior: от 70 000 ₽

  • Middle: от 150 000 ₽

  • Senior: от 200 000 ₽

Проекты

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

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

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

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

О профессии
star02

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

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

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

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

  • Обратная связь по домашним заданиям
  • Поддержка куратора во время обучения
  • Сертификат об окончании курса
  • Ежемесячные воркшопы с практиками рынка
  • Доступ к закрытому комьюнити и нетворкинг
  • Возможность пройти стажировку в компаниях-партнерах
  • Карьерные мероприятия от партнеров
  • Карьерный курс в подарок
2 088 ₽ / мес −70%
Полная стоимость обучения
75 168 ₽250 560 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 60 134 ₽
8 месяцев
4 проекта

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

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

  • Все опции тарифного плана «Стандартный»
  • 4 персональные консультации с ментором
  • 2 индивидуальные карьерные консультации
  • 1 тестовое собеседование с карьерным консультантом
2 501 ₽ / мес −70%
Полная стоимость обучения
90 040 ₽300 132 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 72 032 ₽
8 месяцев
4 проекта

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

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

  • Все опции тарифного плана «Продвинутый»
  • 8 персональных консультаций
  • 5 индивидуальных карьерных консультаций
  • 2 тестовых собеседования с карьерным консультантом
  • Возможность выбрать ментора
4 134 ₽ / мес −70%
Полная стоимость обучения
148 824 ₽496 080 ₽
х 36 платежей при оплате частями или одним платежом с дополнительной скидкой 20% — 119 059 ₽
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

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

Карьерная поддержка
Раз в месяц публикуем дайджест актуальных вакансий в наших чатах, стажировки от компаний-партнеров. Проводим воркшопы и вебинары с практиками рынка, чтобы вы держали руку на пульсе индустрии. А еще каждый студент получает карьерный курс в подарок — он закрывает больше 90% вопросов, которые возникают на пути к первой работе. После курса у вас будет готовый набор инструментов для успешного трудоустройства.
Трудоустройство
Вы получите практический опыт уже в процессе обучения: поучаствуете в вебинарах, воркшопах и решите реальные бизнес-задачи, чтобы откликаться на предложения с уже готовым портфолио и уверенностью в своих навыках. А чтобы вы знали, как правильно себя подать, подарим вам карьерный курс: с ним вы придете на рынок труда подготовленным. Также мы сотрудничаем с компаниями и делимся актуальными вакансиями — это помогает в процессе поиска работы.
Сообщество
Здесь вы получите поддержку, вдохновение и обратную связь на каждом этапе обучения. Сообщество 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

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

star09

Что еще есть из актуального

Профессия
5 месяцев
DevOps-инженер
232875 −70%
1940 ₽ в мес.
x 36 платежей при оплате частями
Подробнее
Профессия
8 месяцев
Python-разработчик
259200 −70%
2160 ₽ в мес.
x 36 платежей при оплате частями
Подробнее
Профессия
9 месяцев
Java-разработчик
250560 −70%
2088 ₽ в мес.
x 36 платежей при оплате частями
Подробнее
star10

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

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

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

Как устроена карьерная поддержка?

Все студенты, которые осваивают профессии, получают доступ к карьерному курсу. Внутри курса — ответы на 90% вопросов о трудоустройстве и готовые инструменты для поиска работы.

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

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

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

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

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

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

star11

Рассказываем интересное

OSINT: что это, как работать с открытыми данными и не нарушать закон
Программирование
OSINT: что это, как работать с открытыми данными и не нарушать закон
Нейроинтерфейсы: когда мы будем управлять компьютером силой мысли
Программирование
Нейроинтерфейсы: когда мы будем управлять компьютером силой мысли
Docker Compose для разработки: поднимаем окружение в одну команду
Программирование
Docker Compose для разработки: поднимаем окружение в одну команду
Рефакторинг кода: когда, зачем и как делать правильно
Программирование
Рефакторинг кода: когда, зачем и как делать правильно