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