Программа обучения «React-разработчик»

Программа курса

Ознакомьтесь с программой курса «Программа обучения «React-разработчик»» от Result University - result.school

1. Введение в React. Разберетесь, что такое React и какие проблемы он решает в современной веб-разработке. Узнаете, как работали с интерфейсами до появления React, и познакомитесь с декларативным подходом. Разберете JSX и его преобразование через Babel, а также…
2. Компоненты. Погрузитесь в компонентный подход — сердце React. Научитесь создавать компоненты, управлять их состоянием и понимать важность иммутабельности. Освоите вывод списков с ключами, условный рендеринг и обработку событий. Также разберёте динамическое пр…
3. Композиция компонентов. Научитесь строить сложные интерфейсы из простых компонентов. Поймёте разницу между props и state, освоите передачу данных через children и типизацию пропсов с PropTypes. Узнаете о принципах One-way dataflow и Single Source of Truth, а…
4. Формы. Работа с формами — одна из самых частых задач в разработке. Вы освоите контролируемые и неконтролируемые поля, научитесь валидировать данные с Yup и React Hook Form. Узнаете, как useRef помогает работать с DOM, и попробуете библиотеку React Select для…
5. Запросы к серверу. Научитесь отправлять данные на бэкенд и получать их обратно. Начнете с изучения useEffect и создания мокового сервера с JSON Server. Разберёте все CRUD-операции и попрактикуетесь на JSON Placeholder. Также познакомитесь с Firebase — это дас…
6. Маршрутизация (React Router). Клиентская маршрутизация превратит ваше приложение в многостраничное. Вы освоите React Router v6: настройку Routes, Route и Outlet, программную навигацию через useNavigate и обработку 404 ошибок. Также изучите полезные хуки, напр…
7. Context API. Узнаете, как Context API помогает избежать пропс-дриллинга и управлять глобальным состоянием. На практике создадите контекст, научитесь обновлять его значения и поймете, когда его использовать. Также разберёте Flux-архитектуру и useReducer — это…
8. Redux. Поймете, зачем нужен Redux и как он устроен. Разберёте action, reducer и store, а также реализуете свой мини-Redux. Узнаете три принципа Redux, которые помогают избегать багов. Затем научитесь подключать Redux к React через React Redux, работать с асин…
9. Заключительный урок по React. Расширите знания о React: изучите оптимизацию с useCallback и useMemo, сравните классовые и функциональные компоненты, разберете паттерны Render Props и HOC. Также узнаете про старые подходы (например, connect в Redux) и познаком…
10. Практика на React. Создадите многостраничный блог, применив все изученные темы: маршрутизацию, формы, работу с API, state management. Это ключевой этап, где теория превращается в практику. Параллельно начнёте работу над дипломным проектом.
11. Backend. Освоите основы бэкенда на Node.js: создадите сервер, REST API и подключите его к фронтенду. Также научитесь деплоить приложения с Docker. Это сделает вас fullstack-разработчиком, что сильно повысит вашу ценность на рынке.
12. TypeScript. Изучите базовые типы, generics и настройку компилятора. Затем научитесь использовать TypeScript с React — это обязательный навык для современных проектов.
13. Диплом и дополнительные модули. После сдачи диплома вы получите доступ к soft skills-модулям: английский для IT, подготовку к собеседованиям и личный брендинг. Это поможет быстрее найти первую работу.

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

• Композиция компонентов. Научитесь строить сложные интерфейсы из простых компонентов. Поймёте разницу между props и state, освоите передачу данных через children и типизацию пропсов с PropTypes. Узнаете о принципах One…
• Запросы к серверу. Научитесь отправлять данные на бэкенд и получать их обратно. Начнете с изучения useEffect и создания мокового сервера с JSON Server. Разберёте все CRUD операции и попрактикуетесь на JSON Placeholder…
• Context API. Узнаете, как Context API помогает избежать пропс дриллинга и управлять глобальным состоянием. На практике создадите контекст, научитесь обновлять его значения и поймете, когда его использовать. Также разб…
• Redux. Поймете, зачем нужен Redux и как он устроен. Разберёте action, reducer и store, а также реализуете свой мини Redux. Узнаете три принципа Redux, которые помогают избегать багов. Затем научитесь подключать Redux…
• Backend. Освоите основы бэкенда на Node.js создадите сервер, REST API и подключите его к фронтенду. Также научитесь деплоить приложения с Docker. Это сделает вас fullstack разработчиком, что сильно повысит вашу ценно…