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

​

Вы получите:

• Более 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: Дипломная работа

• Работа над дипломным проектом для портфолио
• Рост в тимлида
• Финальная защита и консультации

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