udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Front To Back 2019 (Hooks, Context, MERN и Redux)
React Front To Back 2019 (Hooks, Context, MERN & Redux)
★4.8 (всего оценок - 128)
Продолжительность
13 ч 58 мин
Категория
React.jsКоличество уроков
88 Видео
Дата добавления
4 июн. 2019 г., 19:44
Язык
Английский
Дата выхода
1 июн. 2019 г., 22:37
Дата обновления
29 апр. 2026 г., 03:28
React продолжает оставаться одним из самых востребованных инструментов для разработки современных веб‑приложений. В этом курсе вы не просто изучите базовые концепции, но и погрузитесь в реальную разработку, освоите подходы профессионального уровня и создадите полноценные проекты на стеке MERN, Context API и Redux.
Что представляет собой курс
Курс React Front To Back 2019 создан для тех, кто хочет уверенно работать с современным React 16.8+ и его ключевыми инструментами — хуками, системой управления состоянием и интеграцией с backend‑частью. Каждый модуль курса построен вокруг реальных практических задач и направлен на формирование навыков, необходимых для разработки production‑ready приложений.
Практический подход к обучению
Вы будете не просто изучать теорию — весь материал подаётся через создание рабочих проектов, включая отдельные приложения на Context API, Redux и полнофункциональную MERN‑систему с авторизацией через JWT.
Фокус на современных инструментах
React постоянно развивается, и курс уделяет особое внимание ключевым обновлениям — хукам, оптимальным паттернам и подходам к работе со сложным состоянием.
Ключевые темы и навыки
В ходе изучения вы освоите все необходимые элементы разработки на современном React, включая:
- React‑компоненты: функциональные компоненты, props, состояние и жизненный цикл через хуки
- React Hooks: useState, useEffect, useContext, useReducer, useRef на примерах реальных проектов
- Context API: построение глобального хранилища данных уровня приложения
- MERN‑стек: интеграция MongoDB, Express, React и Node.js
- Создание собственного API с использованием Express и JWT‑аутентификации
- Redux: работа с reducers, actions и принципами uni‑directional data flow
- Базовые приемы анимации интерфейсов
- Оптимизация, структура проекта и передовые практики разработки
Для кого этот курс
Материал курса подходит как начинающим разработчикам, так и тем, кто уже знаком с React и хочет повысить уровень владения инструментом.
- Новичкам, желающим быстро войти в сферу frontend‑разработки
- Разработчикам, уже знакомым с основами JavaScript
- Тем, кто хочет освоить MERN и начать создавать полноценные full‑stack приложения
- Тем, кто хочет понять различия между Context API и Redux и научиться использовать оба инструмента
Что вы создадите и чему научитесь
По окончании курса у вас будет портфолио из нескольких проектов, включая крупный MERN‑проект с аутентификацией и глобальным управлением состоянием. Вы сможете уверенно применять хуки, работать с backend‑частью и строить архитектуру приложений на профессиональном уровне.
После завершения обучения вы сможете:
- Создавать сложные React‑интерфейсы с использованием современных подходов
- Разрабатывать и подключать собственный Express API
- Работать с MongoDB и организовывать хранение данных
- Выбирать между Context API и Redux в зависимости от задач проекта
- Создавать анимированные и интерактивные UI‑элементы
Почему стоит пройти этот курс
Курс сочетает актуальность, практический подход и пошаговые инструкции, благодаря которым вы сможете перейти от базового уровня к уверенной разработке настоящих SPA‑приложений. Если вы хотите освоить React «от и до» и работать с ним как профессионал — этот курс станет отличным стартом.
- Урок 1.00:03:27Welcome To The Course
- Урок 2.00:04:04What Is React?
- Урок 3.00:06:08Setting Up Our Environment
- Урок 4.00:03:23Project Introduction
- Урок 5.00:10:33Create React App & File Structure
- Урок 6.00:06:38CRA Cleanup & Prepare
- Урок 7.00:06:23Intro To JSX & Fragments
- Урок 8.00:05:56Expressions & Conditionals In JSX
- Урок 9.00:10:48Components, Props & PropTypes
- Урок 10.00:09:09Getting Started With Component State
- Урок 11.00:08:31Lists & Passing State With Props
- Урок 12.00:07:19Stateless Functional Components
- Урок 13.00:09:06HTTP Requests & Updating State
- Урок 14.00:07:20Spinner Component & Refactoring
- Урок 15.00:05:13Environment Variables
- Урок 16.00:07:59Events & Search Component
- Урок 17.00:08:29Passing Props Up & Search
- Урок 18.00:07:27Clear Users From State
- Урок 19.00:09:46Alert State & Component
- Урок 20.00:08:44React Router Setup
- Урок 21.00:11:38Single User Component & Data
- Урок 22.00:13:11User Component UI & Layout
- Урок 23.00:10:54Repos & RepoItem Component & Data
- Урок 24.00:07:34Overview of Hooks & Context
- Урок 25.00:07:29Search Class to Function With useState Hook
- Урок 26.00:08:31User Class to Function With useEffect Hook
- Урок 27.00:08:16App Class to Function Component
- Урок 28.00:12:40Implementing Context
- Урок 29.00:12:29Create Reducer & Actions
- Урок 30.00:15:38Moving User State To Context
- Урок 31.00:04:25Moving Repos State To Context
- Урок 32.00:12:57Alert Context Workflow
- Урок 33.00:04:42Home & NotFound Components
- Урок 34.00:10:39Prepare & Deploy To Netlify
- Урок 35.00:03:36Project Introduction
- Урок 36.00:05:18MongoDB Atlas Setup
- Урок 37.00:09:21Dependencies & Basic Express Server
- Урок 38.00:11:18Backend Routes
- Урок 39.00:08:53Connect MongoDB To Our App
- Урок 40.00:11:32User Model & Validation
- Урок 41.00:08:04Hash Passwords & Register Route
- Урок 42.00:06:35Create & Respond With JSON Web Token
- Урок 43.00:09:01Authenticate Route
- Урок 44.00:10:27Auth Middleware & Protecting Routes
- Урок 45.00:06:55Contact Model & Get Contacts Route
- Урок 46.00:08:06Add Contact Route
- Урок 47.00:12:06Contact Update & Delete Routes
- Урок 48.00:04:59Setup React & Concurrently
- Урок 49.00:15:33Cleanup, Navbar & Router Setup
- Урок 50.00:09:55Contacts Context & Global State
- Урок 51.00:14:23Contacts & ContactItem Components
- Урок 52.00:17:14ContactForm Component
- Урок 53.00:05:52Delete Contact From UI
- Урок 54.00:06:51Set & Clear Current Contact
- Урок 55.00:12:10Edit & Update Contact Action
- Урок 56.00:16:25Contact Filter Form & State
- Урок 57.00:07:13Basic Add & Delete Animation
- Урок 58.00:08:31Auth Context & Initial State
- Урок 59.00:10:42Register & Login Forms
- Урок 60.00:17:01Alert Context, State & Component
- Урок 61.00:17:21User Registration
- Урок 62.00:15:21Load User & Set Token
- Урок 63.00:07:39User Login
- Урок 64.00:08:11Logout & Navbar
- Урок 65.00:05:58PrivateRoute Component
- Урок 66.00:10:46Add Contact
- Урок 67.00:14:52Get & Clear Contacts
- Урок 68.00:04:50Delete Contacts
- Урок 69.00:03:17Update Contacts
- Урок 70.00:13:25Prepare & Deploy To Heroku
- Урок 71.00:05:32Project Introduction
- Урок 72.00:08:49React & JSON-Server Setup
- Урок 73.00:08:39Materialize Setup
- Урок 74.00:11:34SearchBar & Logs Component
- Урок 75.00:10:51LogItem & Preloader Components
- Урок 76.00:20:35AddBtn & AddLogModal Components
- Урок 77.00:17:05Edit & Tech Modal Components
- Урок 78.00:11:34Redux Store & Provider Setup
- Урок 79.00:13:53Logs Reducer, Actions & Types
- Урок 80.00:10:10Connecting Redux To a Component
- Урок 81.00:09:31Add Logs
- Урок 82.00:07:49Delete Logs
- Урок 83.00:14:42Update Logs
- Урок 84.00:07:48Search Logs
- Урок 85.00:10:35Techs Reducer, Action & Component
- Урок 86.00:07:03Tech Options Select Component
- Урок 87.00:07:12Add Technicians
- Урок 88.00:08:13Delete Technicians
Автор - udemy
Комментарии
Администратор пожалуйста, загрузите этот НОВЫЙ И ГОРЯЧИЙ курс от Брэда Трэверси: "Электронная коммерция MERN с нуля"