Учебный план
О курсе
Онлайн курс «React-разработчик: базовый курс» — это программа профессиональной переподготовки, направленная на освоение библиотеки React, компонентов, JSX, props, state, событий, хуков, работы с формами, маршрутизацией, API-запросами, состоянием приложения и базовой архитектурой frontend-проекта.
В рамках курса Вы изучите, как React помогает создавать современные пользовательские интерфейсы, разбивать страницу на компоненты, переиспользовать код, управлять состоянием, обрабатывать действия пользователя и выстраивать структуру одностраничного приложения.
Курс включает практическую работу с основными задачами React-разработчика: создание компонентов, передача данных через props, использование useState и useEffect, обработка событий, работа со списками, формами, условным рендерингом, подключение API и отображение данных на странице.
Отдельный блок посвящён инструментам разработки. Вы рассмотрите создание проекта, структуру файлов, работу с npm, Vite, React Router, DevTools, Git, GitHub, отладку компонентов и правила оформления кода.
Особое внимание уделяется качеству интерфейса и поддерживаемости проекта. Вы изучите компонентный подход, декомпозицию, разделение ответственности, работу с состоянием, типичные ошибки начинающих React-разработчиков и базовые правила подготовки проекта к портфолио.
Практический блок программы направлен на создание первого React-приложения. Вы сможете разработать учебный frontend-проект с компонентами, маршрутизацией, формами, API-запросами, адаптивной версткой и защитить итоговую работу.
В ходе программы Вы освоите:
• основы React и компонентного подхода;
• JSX, props, state и события;
• хуки useState и useEffect;
• условный рендеринг и работу со списками;
• формы и обработку пользовательского ввода;
• API-запросы и работу с JSON-данными;
• React Router, структуру проекта, npm, Git и GitHub;
• создание итогового React-приложения.
Программа подойдёт начинающим frontend-разработчикам, верстальщикам, JavaScript-разработчикам начального уровня, студентам, веб-дизайнерам с базовыми знаниями HTML/CSS/JS и всем, кто хочет освоить React для создания современных интерфейсов.
Цели и задачи курса
Цель программы — сформировать у слушателей практические навыки разработки интерфейсов на React и подготовить к созданию первых frontend-проектов.
В рамках курса Вы освоите:
• компонентный подход через создание, переиспользование и композицию компонентов;
• данные через props, state, списки, формы и пользовательский ввод;
• поведение через события, хуки, жизненный цикл и условный рендеринг;
• интеграции через API-запросы, JSON и отображение внешних данных;
• инструменты через Vite, npm, React Router, DevTools, Git и GitHub;
• проект через разработку итогового React-приложения.
Программа даст ответы на следующие вопросы:
• Что такое React и зачем он нужен frontend-разработчику?
• Как создавать компоненты и передавать данные через props?
• Как управлять состоянием с помощью useState?
• Как выполнять действия при изменениях через useEffect?
• Как работать с формами, списками и событиями?
• Как подключать API и отображать данные?
• Как создать первое React-приложение для портфолио?
По окончании обучения Вы получите
Диплом о профессиональной переподготовке, подтверждающий освоение программы «React-разработчик: базовый курс» и базовые компетенции в области разработки пользовательских интерфейсов на React.
Учебный план курса
• Введение в React-разработку
• Роль React в современном frontend
• Компонентный подход
• Подготовка рабочего окружения
• Node.js и npm на базовом уровне
• Создание проекта через Vite
• Структура React-проекта
• JSX
• Компоненты
• Импорт и экспорт компонентов
• Props
• Children
• State
• useState
• События в React
• Условный рендеринг
• Рендеринг списков
• Key в списках
• Стилизация компонентов
• CSS-модули на базовом уровне
• Формы в React
• Контролируемые компоненты
• Валидация формы на базовом уровне
• useEffect
• Жизненный цикл компонента на базовом уровне
• API-запросы
• Fetch и работа с JSON
• Загрузка, ошибка и пустое состояние
• React Router
• Навигация между страницами
• Параметры маршрута
• Подъем состояния
• Простая структура приложения
• DevTools и отладка React-компонентов
• Git и GitHub для React-проекта
• Итоговый проект: React-приложение с API и маршрутизацией
• Итоговая аттестация — тестирование и защита проекта
Что нужно для поступления на программу:
Для поступления Вам необходимо прислать скан-копии или фотографии документов об образовании, паспортные данные и удаленно заключить договор. Гражданам Российской Федерации потребуются:
• Паспорт или другой документ, удостоверяющий личность или гражданство;
• Страховой номер индивидуального лицевого счета (СНИЛС);
• Документ об образовании и квалификации (фотография или скан-копия);
• Справка об обучении в организации высшего или среднего профессионального образования, если Вы в настоящее время являетесь студентом (фотография или скан-копия);
• Документ, подтверждающий факт изменения фамилии, имени или отчества (при необходимости) (фотография или скан-копия).
Гражданам иностранных государств и лицам без гражданства следует уточнить список необходимых сведений и документов в отделе организации приема по телефону или через форму заявки на консультацию.
Выгоды и скидки, варианты оплаты, рассрочка платежа:
• Вы сможете вернуть 13% от стоимости обучения в виде социального налогового вычета, обратившись в налоговую службу по месту постоянной регистрации.
• Чтобы запросить документы для получения налогового вычета, необходимо обратиться в методический отдел, написав нам на электронную почту mcnokurs@yandex.ru.
• Проверка документов после подачи в ФНС осуществляется в течение трех месяцев. Если ответ положительный, средства возвращаются.
• Обратите внимание, что декларация и заявление заполняются и подаются слушателем самостоятельно.
• (Нормативное обоснование получения налогового вычета регламентировано статьями 78, 80, 83, 88, 219 Налогового кодекса РФ).
• Беспроцентная рассрочка
• Вы можете получить беспроцентную рассрочку на программы профессиональной переподготовки.
Для получения дополнительной информации о рассрочке на конкретную программу обратитесь к специалисту приемной комиссии
