К содержимому
Профессия Скидка 76%

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

ProductStar Все курсы школы и отзывы
  • 8 месяцев, ~8 ч в неделю
  • Сертификат школы
  • Самостоятельно
  • Помощь с трудоустройством
Окупится за≈ 1 месяцпри зарплате от 70 000 ₽ · ориентир
Налоговый вычет 13%вернёте до 7 817 ₽если у школы есть лицензия

О курсе

Освой професию frontend-разработчика на расширенном курсе. Запишись сегодня!

«Профессия Frontend-разработчик» — профессия онлайн-школы ProductStar продолжительностью 8 месяцев. Стоимость — 60 134 ₽, в рассрочку от 2 088 ₽ в месяц. Учиться можно в своём темпе, в удобное время. По окончании выдают сертификат школы.

Чему научитесь

Список навыков по данным школы.

  • Верстать сайты на HTML и CSS, делать их удобными на любом устройстве.
  • Писать код на JavaScript, чтобы страницы реагировали на клики и движения.
  • Работать с React — создавать сложные и быстрые приложения.
  • Переносить дизайн из Figma в код — чтобы сайт выглядел как задумано.
  • Контролировать версии кода через Git — чтобы не потерять изменения.
  • Знать основы тестирования — проверять, чтобы все работало хорошо.
  • Разбираться в TypeScript и писать код без ошибок.

Инструменты, с которыми вы будете работать

Что в программе

Разделы учебного плана по данным школы. Подробности по каждому разделу — на сайте школы.

Основы верстки: HTML, CSS + Figma

1 Принципы HTML 4 темы
  • Структура веб-страницы, базовый HTML
  • Базовый CSS, селекторы и каскад
  • Продвинутый CSS, адаптивность и кроссбраузерность
  • Основы JavaScript, инструменты для разработки и отладки
2 Объекты HTML и DOM-модель 4 темы
  • Объекты, массивы, функции в JavaScript
  • DOM-модель и работа со страницей
  • Обработка событий
  • Взаимодействие с сервером
3 Расширенные возможности HTML и CSS 4 темы
  • Git и GitHub: Настраиваем репозиторий для проекта
  • Формы HTML: построение, валидация, доступность
  • Flex или Grid. Основы создания макетов
  • Адаптивная и кроссбраузерная верстка
4 Системы контроля версий 6 тем
  • Системы контроля версий. Версионирование кода, совместная разработка, CSV
  • Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью
  • Жизненный цикл ПО, CI/CD
  • Git, основные понятия. Знакомство с GitLab
  • Введение в GitLab CI
  • GitLab CI. Внутренние переменные, Артефакты, Правила
5 Инструменты верстки и UX 3 темы
  • Основы тестирования верстки + DevTools
  • Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
  • Идеальная верстка: делаем Pixel Perfect по макету в Figma
6 Работа с Figma 8 тем
  • Знакомство с Figma
  • Работа с фигурами и инструментами
  • Создание дизайна интерфейса в Figma
  • Констрейны, компоненты и auto layout
  • Варианты и библиотеки
  • Прототипирование и анимация
  • Figma Community и FigJam
  • Совместная работа и передача дизайна

Работа с JavaScript

7 Базовый JavaScript 11 тем
  • Введение. Переменные и работа с числами. Константы
  • Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
  • Массивы и циклы. Объекты
  • Функции / области видимости и замыкания
  • Обработка событий и пользовательский ввод
  • Подключение библиотек
  • Регулярные выражения. Форматирование. Работа с датами
  • Mикро и макротаски. Цикл событий
  • Анимации и CSS-фреймворки
  • Структуры данных и алгоритмы
  • Сборка проекта
8 Методология тестирования ПО 8 тем
  • Кроссбраузерное тестирование
  • Обработка проблем с HTML и CSS
  • Обработка ошибок в JavaScript
  • Реализация обнаружения функций
  • Введение в автоматизированное тестирование веб-приложений
  • Документы тестировщика
  • Артефакты тестирования
  • Жизненный цикл разработки ПО

Advanced JavaScript

9 Расширенные возможности Javascript 12 тем
  • Продвинутые операторы JS
  • Алгоритмы: рекурсия и сортировки
  • Работа с графами и деревьями
  • Хеш-таблицы
  • Стек и очереди
  • Решение алгоритмических задач
  • Наследование и прототипное наследование
  • Шаблонизация
  • Общение с сервером
  • Использование API в браузере
  • Типовые виджеты
  • Управление пакетами: npm
10 Библиотека React 8 тем
  • Быстрый старт в React
  • Компоненты
  • Рендеринг
  • Hooks
  • Маршрутизация в React
  • События и состояние
  • CSS-стилизации
  • Context API
11 Современные методологии управления разработкой 4 темы
  • Методологии управления: Agile и Waterfall
  • Scrum
  • Kanban
  • Инструменты управления

Продвинутые навыки Frontend-разработчика

12 TypeScript 8 тем
  • Введение в TypeScript
  • TypeScript: базовый синтаксис, типы данных и переменные
  • TypeScript: операторы, условия и циклы, числа
  • Функции в TypeScript
  • TypeScript: строки, массивы, кортежи
  • TypeScript: union
  • TypeScript: классы и объекты
  • TypeScript: пространства имен и модули
13 SQL 14 тем
  • Введение в блок SQL
  • Извлечение и фильтрация данных (часть 1)
  • Извлечение и фильтрация данных (часть 2)
  • Преобразование и сортировка данных: введение
  • Преобразование и сортировка данных: advanced
  • Группировка данных
  • Базы данных. JDBC
  • Развитие проекта. Создание Todo.
  • Введение в базы данных
  • Объединение таблиц
  • Подзапросы
  • Обновление, добавление и удаление данных
  • Создание, изменение и удаление таблиц
  • Advanced SQL: операции с текстом и оконные функции
14 JavaScript на серверной стороне: основы Node.js 12 тем
  • Веб-сервер: базовые знания
  • Веб-программирование на стороне серверов: быстрый старт
  • Клиент-сервер
  • Фреймворки серверной части
  • Веб-безопасность
  • Express (Node.js/JavaScript): старт работы
  • Express: создание каркаса сайта
  • Express: работа с базой данной
  • Express: маршруты и контроллеры
  • Express: отображение данных
  • Express: работы с формами
  • Express: установка Веб-сайта
15 Основы DevOps для программиста 10 тем
  • Зачем DevOps Frontend-разработчику
  • Введение в DevOps
  • Linux: введение и основные концепты ОС
  • Bash. Базовый инструмент скриптов в Linux
  • Контейнеризация. Знакомство с Docker.
  • Упаковка приложений в Docker
  • Docker-Compose. Сервисы и взаимодействия
  • Ansible. Основные концепции и команды
  • Ansible.Роли и переменные
  • Ansible. Разработка ролей
16 ChatGPT для разработчика 7 тем
  • Введение в ChatGPT и его применение в разработке программного обеспечения
  • Устранение неполадок и отладка с помощью ChatGPT
  • Повышение качества кода с помощью ChatGPT
  • Проверка кода и документирование с помощью ChatGPT
  • Автоматическое тестирование с помощью ChatGPT
  • Генерация кода с помощью ChatGPT
  • Лучшие практики и советы по работе с ChatGPT
17 Дипломная работа 3 темы
  • Работа над дипломным проектом для портфолио
  • Рост в тимлида
  • Финальная защита и консультации

Что значит: сертификат школы

Сертификат школы подтверждает, что вы прошли курс, но не является документом о квалификации. Работодателю важнее навыки и портфолио, поэтому смотрите на практику и проекты в программе.

Что входит в обучение

  • Видеоуроки
  • Текстовые уроки
  • Живые вебинары
  • Домашние задания с проверкой
  • Сообщество студентов

Можно вернуть до 7 817 ₽

Налоговый вычет 13% за обучение — если у школы есть образовательная лицензия.

Посчитать точно

Окупаемость ≈ 1 месяц

Столько стоит курс в зарплатах начинающего специалиста: от 70 000 ₽ в месяц по рынку. Это ориентир, а не обещание.

Цена среди аналогов

Дешевле, чем 70% из 23 курсов и профессий

55 890 ₽типичная 90 300 ₽180 600 ₽

Раздел «Программирование»: от 55 890 ₽ до 180 600 ₽, типичная цена около 90 300 ₽. Этот курс дешевле типичной цены на 33%. Сравнивали только программы того же типа в разделе.

С чем сравнить — курсы веб-разработки

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

Вопросы о курсе

Сколько стоит курс «Профессия Frontend-разработчик»?
Цена — 60 134 ₽ со скидкой 76% (без скидки 250 560 ₽). В рассрочку — от 2 088 ₽ в месяц на 36 месяцев. Цены обновляются каждый день по данным школы; точную сумму покажут на сайте школы.
Сколько длится обучение?
Программа рассчитана на 8 месяцев, около 8 ч в неделю.
Какой документ выдают?
Сертификат школы.
Что входит в программу?
Программа состоит из 17 блоков: Принципы HTML; Объекты HTML и DOM-модель; Расширенные возможности HTML и CSS; Системы контроля версий; Инструменты верстки и UX; Работа с Figma; Базовый JavaScript; Методология тестирования ПО и другие. Подробный учебный план — на сайте школы.
Как записаться?
Нажмите «Перейти на сайт школы»: откроется страница курса у ProductStar. Там можно оставить заявку, получить консультацию и оплатить обучение — целиком или в рассрочку.
от 2 088 ₽/мес Реклама. ProductStar, erid: MvGzQC98w3Z1gMq1pRgm23vZ
На сайт школы