[Productstar] Web-разработчик. Тариф Стандартный (Анна Атласова, Владислав Кургузов)

Евражкa · 9 июл 2025

Вы получите:

Более 10 проектов в портфолио

Возможность перевода на другой курс в течение двух месяцев

Онлайн-курс по web-разработке для начинающих

Рассрочка без % для России и Казахстана

Программа обновлена в 2025 году

Возможность совмещать с работой и личными делами

Web-разработка — это все то, что мы видим на экране. Визуальное воплощение любого сайта или приложения — результат работы Web-разработчика. Он делает продукт максимально удобным и понятным для пользователя

Почему стоит пойти в Web-разработку

Творческое самовыражение. Специальность находится на стыке творчества и точных навыков, поэтому вы сможете воплотить свои самые инновационные идеи

Востребованность на рынке труда. Каждая компания, имеющая собственные сервисы, нуждается в разработчике веб- или мультимедийных приложений. Спрос на таких специалистов ежегодно растет на 20%Востребованность на рынке труда

Множество проектов на фрилансе. В web-разработке специалисты чаще работают сами на себя, так как в интернете можно найти большое количество заказов по созданию сайтов и приложений

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

Новичкам без опыта в IT

Будете учиться по формату — от простого к сложному.

Научитесь писать код, отрабатывая его на практике

Освоите важные навыки разработчика

Начинающим Web-разработчикам

Систематизируете текущие знания и восполните пробелы.

Начнете свободно писать код любой сложности уже через три месяца обучения

Специалистам из смежных IT-сфер

Поймете, как грамотно использовать свой опыт в сфере разработки и познакомитесь с новой стороной IT-направления

Владельцам собственных бизнесов

Погрузитесь в основы Web-разработки и сможете самостоятельно создавать web-сайты или приложения для бизнеса.

Будете тестировать свои идеи и привлекать больше клиентов

На курсе вы научитесь

Использовать HTML, CSS и работать в Figma

Разберетесь в работе с HTML и CSS

Узнаете, как улучшить пользовательский опыт и достичь идеальной верстки

Работать с JavaScript и библиотекой React

Познакомитесь со структурами и библиотеками JavaScript,

сможете писать легко читаемый код

Сверстаете ваш первый сайт

Тестировать сайты и приложения

Будете не только верстать, но и искать баги в работе сайтов и приложений.

Освоите автоматизированное и ручное тестирование

Создавать сайты повышенной сложности

Изучите TypeScript и Node.js.

Начнете выполнять задачи как Frontend-, так и Backend-разработчика

Почему ProductStar

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

ИИ поможет разобраться. AI-помощник Ева объяснит все, что непонятно. В любой теме

База знаний по профессии. Доступная каждому студенту библиотека знаний по любой теме, а также дополнительные материалы в каждом уроке

Регулярно обновляем контент. Новые версии программ, решения, актуальные данные — процесс улучшения уроков непрерывен

Фреймворки для вашей будущей работы. Каждый урок максимально приближен к реальной практике. Масса полезных документов, которые пригодятся на любой работе

Комфортная смена профессии

Изучение темы
Просматривайте уроки в видеоформате на платформе ProductStar. Обучение асинхронное — это значит, вы можете изучать материалы в удобном темпе и возвращаться к ним в любое время.

Онлайн-воркшопы с экспертами
Каждый месяц — воркшопы с опытными разработчиками, где разбирают выбранные студентами темы и кейсы реальных компаний На воркшопе можно задать любые вопросы и в режиме онлайн выполнить code review.

Домашние задания и защита проектов
Закрепляйте изученный материал на практике. В конце курса по профессии web-программист вас ждет несколько проектов, которые вы защитите и добавите в портфолио.

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

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

10 месяцев длится обучение (8-10 часов в неделю)

2025 год обновления программы

134 урока в онлайн- формате

100 + практических заданий с проверкой

Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта.

Блок 1: Базовые навыки разработчика. Изучите базовые навыки разработчика и поймете, как устроено программирование

Блок 2: Основы языков программирования. По шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода

Ступень 1. Основы верстки: HTML, CSS + Figma
Освоите необходимые для специалиста инструменты HTML и CSS, поработаете с системами контроля версий и углубитесь в развитие пользовательского опыта. Сможете выйти на стажировку и брать небольшие проекты на фрилансе по верстке сайтов.

Блок 1. Принципы HTML

Структура web-страницы, базовый HTML

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

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

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

Блок 2. Объекты HTML и DOM-модель

Объекты, массивы, функции в JavaScript

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

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

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

Блок 3. Расширенные возможности HTML и CSS

Git и GitHub: Настраиваем репозиторий для проекта

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

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

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

Блок 4: Системы контроля версий

Системы контроля версий. Версионирование кода, совместная разработка, CSV

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

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

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

Введение в GitLab CI

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

Блок 5. Инструменты верстки и UX

Основы тестирования верстки + DevTools

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

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

Блок 6: Работа с Figma

Знакомство с Figma

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

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

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

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

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

Figma Community и FigmaJam

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

Ступень 2.Работа с JavaScript
Научитесь свободно писать код, поработаете с библиотеками и фреймворками, выполните несколько проектов. При помощи Карьерного центра начнете искать работу и проходить первые собеседования

Блок 1: Базовый JavaScript

Введение. Переменные и работа с числами. Константы

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

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

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

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

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

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

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

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

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

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

Блок 2: Методология тестирования ПО

Кроссбраузерное тестирование

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

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

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

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

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

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

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

Ступень №3. Advanced JavaScript
Изучите расширенные возможности JavaScript и углубитесь в работу с библиотекой React, которую активно используют для создания пользовательских интерфейсов. Будете активно проходить собеседования, отрабатывать ошибки и пополнять портфолио проектами

Блок 1: Расширенные возможности JavaScript

Продвинутые операторы JS

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

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

Хеш-таблицы

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

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

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

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

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

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

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

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

Блок 2: Библиотека React

Быстрый старт в React

Компоненты

Рендеринг

Hooks

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

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

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

Context API

Блок 3: Современные методологии управления разработкой

Методологии управления: Agile и Waterfall

Scrum

Kanban

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

Ступень 4. Продвинутые навыки Web-разработчика
Освоите продвинутые и смежные инструменты JavaScript-разработчика. Благодаря этим знаниям, сможете выделиться на фоне других кандидатов и быть в приоритете при отборе на позицию разработчикаСтупе

Блок 1: TypeScript

Введение в TypeScript

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

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

Функции в TypeScript

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

TypeScript: union

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

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

Блок 2: SQL

Введение в блок SQL

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

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

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

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

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

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

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

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

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

Подзапросы

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

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

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

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

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

Блок 3: Javascript на серверной стороне: основы Node.js

Web-сервер: базовые знания

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

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

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

Web-безопасность

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

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

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

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

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

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

Express: установка web-сайта

Блок 4: Основы DevOps для программиста

Зачем DevOps Frontend-разработчику

Введение в DevOps

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

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

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

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

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

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

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

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

Блок 5: ChatGPT для разработчика

Введение в ChatGPT и его применение в разработке программного обеспечения

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

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

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

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

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

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

Блок 6: Дипломная работа

Работа над дипломным проектом для портфолио

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

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

Блок 6: Дипломная работа

Работа над дипломным проектом для портфолио

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

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

Тариф Стандартный. Подходит тем, кто не нуждается в дополнительном менторстве и поддержке на испытательном сроке.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...