Создавать компоненты
Разрабатывать и разделять компоненты интерфейса.
Разработка на React
Мини-курс ProductStar для знакомых с HTML, CSS и JavaScript: компоненты React, состояние, хуки, маршрутизация и собственный практический компонент.
Курс в деталях
- Школа
- ProductStar
- Формат
- Онлайн
- Длительность
- Около 2 месяцевОриентировочная продолжительность по FAQ школы; темп зависит от студента.
Кому подойдёт курс
| Кому подойдёт | Чем поможет курс |
|---|---|
| Frontend-разработчикам | Курс помогает развить навыки разработки интерфейсов: от структуры компонентов и рендеринга до хуков, маршрутизации и управления состоянием. |
| Веб-разработчикам | Программа рассчитана на знакомых с HTML, CSS и JavaScript. Если базовая вёрстка уже освоена, можно перейти к сборке интерфейсов на React. |
| Разработчикам проектов | Школа предлагает применять материал в текущем проекте. Практика включает разработку компонента и работу с его состоянием и оформлением. |
Чему вы научитесь
Работать с состоянием
Использовать хуки, события и Context API.
Настраивать навигацию
Создавать маршруты внутри React-приложения.
Оформлять интерфейс
Применять CSS для стилизации компонентов.
Выполнить проект
Собрать собственный рабочий React-компонент.
Что входит в курс
Практические задания
Задания для применения изученного материала и отработки навыков.
Учебные проекты
Работа над проектами, в которых можно объединить знания и навыки из разных тем курса.
Программа курса
Темы и разделы, которые входят в программу обучения.
01Быстрый старт в React
Основы React и первые компоненты: устройство библиотеки и начало работы над пользовательским интерфейсом.
02Жизненный цикл функциональных компонентов
Жизненный цикл функциональных компонентов и управление побочными эффектами в процессе работы приложения.
03Практический проект по созданию React компонента
Практический проект: создание собственного React-компонента и закрепление изученных конструкций.
04Контейнеры и презентационные компоненты
Разделение контейнерных и презентационных компонентов, распределение ответственности и архитектура интерфейса.
05Рендеринг
Принципы рендеринга компонентов и отображение данных в пользовательском интерфейсе приложения.
06Hooks
Хуки React: управление состоянием и побочными эффектами в функциональных компонентах.
07Маршрутизация в React
Маршрутизация и навигация внутри React-приложения, настройка переходов между страницами.
08События и состояние
Обработка действий пользователя и связь событий с состоянием компонентов приложения.
09CSS-стилизации
Способы CSS-стилизации компонентов: обычные файлы, модули и встроенные стили.
10Context API
Использование Context API для передачи данных и работы с состоянием на уровне приложения.
Практика и проекты
Практические работы курса — какие задачи вы будете решать, какие кейсы и примеры разбирать.
Компонент React
Основной проект — собственный компонент, который можно использовать в будущем приложении.
Состояние и события
В уроках рассматриваются пользовательские события, хуки и управление состоянием компонентов.
Стили и навигация
Программа включает маршрутизацию приложения и несколько способов оформления компонентов с помощью CSS.
Профессии, навыки и инструменты
Профессии
Профессии, с задачами которых знакомит программа курса.
Навыки
Навыки, на развитие которых направлена программа курса.
Программы и сервисы
Инструменты и методы по материалам школы; состав может зависеть от тарифа.
Эксперты программы
Состав экспертов и их участие в конкретной группе уточняйте у школы.
Владислав Бакин
Technical Lead, NDA
Илья Зыкин
Senior Full Stack Engineer, Hoodies.team
Ленар Фаттахов
Senior Frontend Developer, Rodeo Software
Артем Сидоров
Frontend Developer, Сравни.ру
Павел Уваров
Старший разработчик, Kaspersky
Михаил Малый
Senior software developer, Youhodler
Артур Такоев
Frontend разработчик, Циан
Документ об обучении
Сертификат о прохождении курса
Школа указывает этот вид документа.
Требования к получению и формат уточняйте в школе.
Стоимость и условия оплаты
- Стоимость обучения
- 19 900 ₽Сумма при оплате частями: 10 платежей по 1 990 ₽. Цена одним платежом уточняется. Данные от не указана.
- Ежемесячный платёж
- 1 990 ₽ / мес.Срок оплаты: 10 мес. Условия договора уточняйте в школе.
Частые вопросы
Какие знания нужны до старта?
Школа ожидает знакомства с HTML, CSS и JavaScript. Совсем начинающим она советует сначала освоить основы веб-разработки.
Нужен ли предыдущий опыт с React?
В FAQ школа пишет, что достаточно знать основы вёрстки и немного JavaScript. Курс начинается с базовых принципов React и компонентов.
Какие инструменты перечисляет школа?
В списке указаны React, CSS, React Hooks, React Router, JSX и Context API; HTML и JavaScript названы среди входных знаний.
Какой проект будет на курсе?
По FAQ ключевой проект — создание собственного React-компонента. В описании также указана практика после каждого урока.
Сколько длится обучение?
Школа указывает примерно два месяца и отмечает, что темп зависит от студента. Также заявлены более 40 часов теории и практики.
Есть ли обратная связь?
В проверенных блоках не раскрыты условия проверки заданий и общения с преподавателем. Уточните их у школы перед оплатой.
Выдают ли сертификат?
В карточке оплаты указан сертификат о прохождении курса. Требования к выдаче и формат документа уточняйте у ProductStar.
Сколько стоит курс?
Школа показывает десять платежей по 1 990 ₽, всего 19 900 ₽ при оплате частями. Цену одним платежом уточняйте у школы.
Записаться на курс
Перейдите на сайт ProductStar, чтобы узнать условия обучения на курсе «Разработка на React».
На сайт школыПохожие курсы
Другие программы для той же профессии или со схожими навыками и инструментами.
GeekBrainsFrontend-разработчик
Совместная программа GeekBrains и Skillbox посвящена веб-вёрстке, JavaScript, TypeScript и разработке интерфейсов. React или Vue предлагается выбрать; дополнительные проекты зависят от тарифа.
Цена на сайте
Стоимость курса
Яндекс ПрактикумФулстек-разработчик
Курс Яндекс Практикума знакомит с фулстек-разработкой с нуля: в программе клиентские интерфейсы, сервер на Node.js, базы данных и работа с API.
180 000 ₽
Стоимость курса
от 7 348 ₽ / мес. на 36 мес.
Merion AcademyNode.js с нуля
Курс Merion Academy по серверной разработке на Node.js: основы JavaScript, создание API на Express и работа над приложением для задач и Telegram-ботом.
11 890 ₽
Стоимость курса
Что важно знать о курсе «Разработка на React»
Курс рассчитан на тех, кто знает основы HTML, CSS и JavaScript и хочет освоить React. Программа охватывает компоненты, хуки, состояние, маршрутизацию и стилизацию. Если опыта вёрстки и JavaScript нет, сначала изучите базовые темы.
Школа описывает практику после уроков и проект по созданию React-компонента. Ориентир продолжительности — около двух месяцев, фактический темп зависит от студента. Уточните, кто проверяет работу и сколько длится доступ к материалам.
В карточке показаны десять платежей по 1 990 ₽ и сертификат о прохождении. Цена одним платежом и формат документа в проверенных материалах не указаны; уточните актуальные условия у школы.
Что посмотреть дальше
ProductStar
Познакомьтесь со школой ProductStar, её программами и условиями обучения.
ОткрытьКурсы ProductStar
Сравните курсы ProductStar по программе, практике и условиям обучения, чтобы выбрать подходящий вариант.
ОткрытьВсе курсы
Сравните онлайн-курсы по программе, школе, стоимости и длительности. Найдите обучение для первых шагов или развития навыков и изучите условия перед записью.
Открыть