Главная страницаКатегория mongodbReact Redux Ecommerce - Освой MERN Stack Веб-Разработку

React Redux Ecommerce - Освой MERN Stack Веб-Разработку

Name: React Redux Ecommerce - Освой MERN Stack Веб-Разработку
Price: 12.5 USD
Rating: 4.6 (64 reviews)

React Redux Ecommerce - Master MERN Stack Web Development

udemy

★4.6 (всего оценок - 64)

Продолжительность

43 ч 9 мин

Категория

MongoDB

Количество уроков

236 Видео

Дата добавления

27 окт. 2020 г., 21:36

Язык

Английский

Дата выхода

13 окт. 2020 г., 22:05

Дата обновления

29 апр. 2026 г., 08:45

Хотите создать мощное, современное и полностью функциональное E‑commerce приложение? Этот курс поможет вам уверенно освоить MERN Stack, от фронтенда на React и Redux до бэкенда на Node.js и MongoDB, раскрывая практические навыки, которые ценятся в реальной веб‑разработке.

Что представляет собой этот курс

Курс погружает вас в полный цикл разработки интернет‑магазина: от настройки проекта и интеграции Firebase до реализации систем заказов, платежей и админ‑панели. Подходит как для начинающих специалистов, так и для разработчиков, стремящихся улучшить навыки в MERN Stack.

Практический подход к обучению

Обучение построено вокруг реального проекта E‑commerce, что позволяет сразу применять знания на практике и видеть результат после каждого урока.

Ключевые навыки, которые вы освоите

Современный фронтенд на React и Redux

Настройка архитектуры React-приложения
Управление состоянием через Redux Toolkit
Использование Ant Design для быстрого создания UI
Реализация страниц товаров, поиска, фильтрации и корзины

Бэкэнд на Node.js и MongoDB

Создание REST API с расширенными возможностями
Работа с базой данных MongoDB
Поддержка CRUD-операций, категорий и подкатегорий
Загрузка нескольких изображений товаров

Аутентификация и безопасность

Регистрация и вход в систему
Авторизация через Email/Password и Google
Создание защищенных маршрутов

Платежи и заказы

Интеграция платежной системы Stripe
Поддержка наложенного платежа
Управление заказами и статусами

Пользовательские панели

Личный кабинет пользователя
История покупок
Загрузка чеков (PDF)
Обновление профиля и пароля

Дополнительные возможности курса

Админ‑панель профессионального уровня

Вы создадите панель администратора, позволяющую управлять товарами, категориями, заказами и пользователями, как в реальных E‑commerce платформах.

Углубленный поиск и фильтрация

Научитесь создавать продвинутые инструменты поиска и динамической фильтрации по цене, категориям, рейтингу и другим параметрам.

Развертывание на Digital Ocean

Вы получите навыки разворачивания MERN‑приложений в облаке, что позволит вам публиковать проекты и представлять их работодателям или клиентам.

Почему этот курс — важный шаг в развитии

Это один из наиболее полноценных проектов для изучения MERN Stack, включающий десятки практических сценариев и решений. Выполнив его, вы сможете создавать приложения любого уровня сложности — от стартапов до крупных коммерческих платформ.

Кому подойдет курс

Новичкам, изучающим веб‑разработку
Разработчикам, желающим освоить MERN Stack
Фрилансерам, работающим с интернет‑магазинами
Тем, кто хочет собрать сильное портфолио

Итог

Пройдя этот курс, вы не просто выучите MERN Stack — вы создадите полноценный продукт, готовый к реальному использованию. Это станет важным шагом в вашей карьере и позволит уверенно двигаться дальше в веб‑разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:11:40
Live Demo - User and Cart
Урок 2. 00:06:11
Live Demo - Searching and Filtering
Урок 3. 00:10:47
Live Demo - Rating and Admin Dashboard
Урок 4. 00:11:45
Are You Ready for this Course?
Урок 5. 00:06:16
Building the App Visually
Урок 6. 00:09:01
Create React Project
Урок 7. 00:13:53
Routes and Pages
Урок 8. 00:13:46
Ant Design Navigation
Урок 9. 00:10:12
Ant Design Icons
Урок 10. 00:03:21
React Router Link
Урок 11. 00:05:24
Firebase Setup
Урок 12. 00:12:23
Register Form
Урок 13. 00:15:09
Email Link to Signin
Урок 14. 00:06:37
ENV and Toast Notifications
Урок 15. 00:11:45
Complete Registration Page
Урок 16. 00:22:31
Complete Registration
Урок 17. 00:15:42
Setup Redux
Урок 18. 00:11:01
User in Redux State
Урок 19. 00:08:19
User Logout
Урок 20. 00:12:03
Login Page
Урок 21. 00:09:13
Signin with Email and Password
Урок 22. 00:08:33
Login with Google
Урок 23. 00:09:18
Conditional Rendering
Урок 24. 00:21:51
Forgot Password
Урок 25. 00:06:25
Redirect logged in user
Урок 26. 00:02:01
Backend API with Node and MongoDB
Урок 27. 00:05:50
NPM Packages to install
Урок 28. 00:06:27
Mongo Atlas or Local Installation
Урок 29. 00:21:43
Server Setup
Урок 30. 00:07:03
Routes
Урок 31. 00:06:19
Routes Autoloading
Урок 32. 00:06:39
Controllers
Урок 33. 00:08:31
User Schema
Урок 34. 00:05:38
Firebase Admin
Урок 35. 00:09:05
Middleware
Урок 36. 00:12:54
Auth Check Middleware
Урок 37. 00:15:44
Create or Update User
Урок 38. 00:15:42
API User Response
Урок 39. 00:10:18
Current User Endpoint
Урок 40. 00:05:18
Role Based Redirect
Урок 41. 00:14:22
Protected User Route
Урок 42. 00:09:48
Redirect Countdown
Урок 43. 00:08:06
Sidebar Nav for User
Урок 44. 00:18:18
Password Update
Урок 45. 00:08:32
Admin Check Middleware
Урок 46. 00:17:15
Admin Route
Урок 47. 00:04:06
Warnings and Cleanup
Урок 48. 00:01:29
What's Next?
Урок 49. 00:06:53
Category Schema
Урок 50. 00:06:03
Category Routes
Урок 51. 00:15:42
Category Create
Урок 52. 00:14:59
Category List Read Update Delete
Урок 53. 00:06:53
Category CRUD Requests
Урок 54. 00:04:28
Dynamic Dashboard Link
Урок 55. 00:10:21
Admin Sidebar Nav
Урок 56. 00:21:40
Category Create and List
Урок 57. 00:15:56
Category Render and Delete
Урок 58. 00:21:48
Category Update
Урок 59. 00:02:58
What's Next?
Урок 60. 00:07:11
Code Refactor - Reusable Component
Урок 61. 00:09:16
Search Filter Categories
Урок 62. 00:08:36
Code Refactor - Search Filter
Урок 63. 00:09:23
Sub Categories CRUD
Урок 64. 00:06:16
Sub Categories Functions
Урок 65. 00:19:23
Sub Category Create
Урок 66. 00:06:43
Showing Sub Categories and Remove
Урок 67. 00:15:30
Sub Category Update
Урок 68. 00:03:43
What's Next?
Урок 69. 00:14:21
Product Model
Урок 70. 00:07:19
Product Create Backend
Урок 71. 00:08:17
Create Product Page
Урок 72. 00:18:47
Product Create Form
Урок 73. 00:11:09
Create Product
Урок 74. 00:06:44
Alert and Reload after Product Create
Урок 75. 00:06:41
Product Create Error Message
Урок 76. 00:04:19
GET Endpoint - Products
Урок 77. 00:06:45
Code Refactor
Урок 78. 00:12:58
Create Product with Category
Урок 79. 00:06:28
Sub Categories Endpoint
Урок 80. 00:09:50
List Sub Categories Based on Parent Category
Урок 81. 00:06:26
Sub Categories Props
Урок 82. 00:11:03
Multi Select Ant Design
Урок 83. 00:09:56
Create Product with Sub Categories
Урок 84. 00:02:28
How Image Upload Will Work?
Урок 85. 00:17:10
Cloudinary Upload Endpoints
Урок 86. 00:10:53
File Upload Components
Урок 87. 00:11:42
File Resize in React
Урок 88. 00:12:07
Multiple Image Uploads
Урок 89. 00:06:26
Image Preview
Урок 90. 00:17:56
Product Create with Multiple Images
Урок 91. 00:10:59
List All Products Endpoint
Урок 92. 00:09:18
Fetch All Products in Admin Dashboard
Урок 93. 00:13:18
Admin Products Card
Урок 94. 00:06:38
Code Organization
Урок 95. 00:08:32
Default Image Ant Icons and Product Description
Урок 96. 00:03:52
Product Delete Endpoint
Урок 97. 00:13:54
Delete A Product
Урок 98. 00:08:45
Product Update Page
Урок 99. 00:08:01
Product Slug from Router
Урок 100. 00:08:31
Get Product on Update Page
Урок 101. 00:08:18
Product Update Component
Урок 102. 00:06:13
Pre Populate Shipping Color and Brand
Урок 103. 00:15:05
Pre Populate Category
Урок 104. 00:19:51
Pre Populate Sub Categories
Урок 105. 00:23:25
Category and Sub Category Sync on Update
Урок 106. 00:08:16
Image Uploads in Product Update
Урок 107. 00:08:33
Product Update Endpoint
Урок 108. 00:11:54
Update A Product
Урок 109. 00:06:05
Fetch Products in Home Page
Урок 110. 00:08:21
Product Card Component
Урок 111. 00:09:21
Using Ant Design Card
Урок 112. 00:12:00
Typewriter Effect
Урок 113. 00:16:16
Loading Card
Урок 114. 00:08:06
List Product with Sort Order and Limit
Урок 115. 00:12:45
New Arrivals
Урок 116. 00:05:31
Best Sellers
Урок 117. 00:07:03
Get Total Products Count
Урок 118. 00:06:10
List Products Endpoint with Pagination
Урок 119. 00:20:09
New Arrivals Pagination
Урок 120. 00:03:56
Best Sellers Pagination
Урок 121. 00:11:29
View Products Page
Урок 122. 00:13:43
Single Product Component
Урок 123. 00:07:45
Image Carousel
Урок 124. 00:05:16
Default Image
Урок 125. 00:18:04
Product List Items Component
Урок 126. 00:07:41
Tabs
Урок 127. 00:27:32
Star Rating System Backend
Урок 128. 00:08:56
React Star Rating
Урок 129. 00:14:54
Modal for Rating
Урок 130. 00:03:52
Login to Leave Rating
Урок 131. 00:11:05
Redirect to Intended Page
Урок 132. 00:18:10
API Request with Rating
Урок 133. 00:08:27
Show Users Existing Star Rating
Урок 134. 00:15:24
Show Average Rating
Урок 135. 00:09:03
Show Average Rating in Home Page
Урок 136. 00:11:14
Related Products Backend
Урок 137. 00:16:02
Show Related Products
Урок 138. 00:13:48
Categories List
Урок 139. 00:16:12
Category Home Page
Урок 140. 00:16:12
Category with Products Backend
Урок 141. 00:12:47
Category Page with Products
Урок 142. 00:15:25
Sub Categories with Products
Урок 143. 00:05:00
Introduction to Searching and Filtering
Урок 144. 00:10:23
Search Filter Backend
Урок 145. 00:17:24
Search Redux Setup
Урок 146. 00:14:27
Shop Page
Урок 147. 00:18:13
Search By Text
Урок 148. 00:07:16
Filter By Price Range Backend
Урок 149. 00:29:04
Filter By Price Range Frontend
Урок 150. 00:03:47
Filter By Categories Backend
Урок 151. 00:34:23
Filter By Categories Frontend
Урок 152. 00:16:02
Filter By Star Rating Backend
Урок 153. 00:19:00
Filter By Star Rating Frontend
Урок 154. 00:03:00
Filter By Sub Category Backend
Урок 155. 00:15:14
Filter By Sub Category Frontend
Урок 156. 00:05:30
Filter By Shipping Color and Brand Backend
Урок 157. 00:14:07
Filter By Brands Frontend
Урок 158. 00:06:29
Filter By Colors Frontend
Урок 159. 00:09:47
Filter By Shipping Frontend
Урок 160. 00:06:51
Introduction to Add To Cart
Урок 161. 00:15:09
Add Product to Local Storage
Урок 162. 00:05:55
Tooltip
Урок 163. 00:06:49
Cart in Redux State
Урок 164. 00:16:07
Dispatch Add To Cart
Урок 165. 00:05:49
Cart Page Setup
Урок 166. 00:13:19
Cart Page Order Summary
Урок 167. 00:06:39
Redirect Back to Cart Page After Login
Урок 168. 00:13:42
Cart Items in Table
Урок 169. 00:06:37
React Modal Image
Урок 170. 00:17:25
Pick A Color in Cart Page
Урок 171. 00:12:22
Quantity Update in Cart
Урок 172. 00:09:47
Remove Products From Cart
Урок 173. 00:13:48
Side Drawer Component
Урок 174. 00:19:17
Cart Items in Side Drawer
Урок 175. 00:11:45
Checkout Page Setup
Урок 176. 00:06:55
Save Cart Request
Урок 177. 00:05:33
Cart Model
Урок 178. 00:21:26
Save Cart To Database
Урок 179. 00:11:32
Get User Cart from Database
Урок 180. 00:07:04
Get User Cart in Frontend
Урок 181. 00:05:43
Final Order Summary in Checkout
Урок 182. 00:15:46
Empty Cart
Урок 183. 00:12:43
User Address on Checkout
Урок 184. 00:08:35
Save Address on Checkout
Урок 185. 00:05:06
Coupon Schema
Урок 186. 00:07:14
Coupon Routes and Controller Methods
Урок 187. 00:12:05
Create Coupon Page
Урок 188. 00:14:28
Create Coupon
Урок 189. 00:13:17
Coupon List and Delete
Урок 190. 00:09:05
Apply Coupon
Урок 191. 00:14:00
Apply Discount Backend
Урок 192. 00:09:36
Discount Price Response
Урок 193. 00:07:50
Coupon Error and Success Message
Урок 194. 00:10:51
Coupon in Redux
Урок 195. 00:14:56
Stripe Setup Backend
Урок 196. 00:06:48
Stripe Setup Frontend
Урок 197. 00:19:04
Stripe Checkout Component
Урок 198. 00:13:53
Successful Payment
Урок 199. 00:09:51
Charging Actual Cart Total
Урок 200. 00:21:31
Charge With Coupon Discount
Урок 201. 00:15:11
Show Discount and Coupon Applied in Frontend
Урок 202. 00:04:26
What's Next After Successful Purchase?
Урок 203. 00:07:27
Order Schema
Урок 204. 00:06:55
Create Order Backend
Урок 205. 00:15:49
Create Order and Empty Cart Frontend
Урок 206. 00:11:06
Decrement Quantity Increment Sold
Урок 207. 00:08:23
Show Out Of Stock
Урок 208. 00:03:46
User Orders Backend
Урок 209. 00:08:20
User Orders in Purchase History Page
Урок 210. 00:06:16
Purchase Orders in Card
Урок 211. 00:08:33
Showing Each Order's Products in Table
Урок 212. 00:11:05
Show Payment Info
Урок 213. 00:11:40
PDF View and Download Link
Урок 214. 00:09:08
Invoice Component
Урок 215. 00:13:58
Download Invoice as PDF
Урок 216. 00:07:10
Orders Status Update for Admin Backend
Урок 217. 00:13:18
Load All Orders in Admin Dashboard
Урок 218. 00:22:06
Orders with Status Update
Урок 219. 00:03:30
Products Table in Admin Dashboard
Урок 220. 00:12:56
Wishlist Backend
Урок 221. 00:06:55
Wishlist Functions Frontend
Урок 222. 00:19:30
Wishlist Frontend
Урок 223. 00:11:23
Cash On Delivery
Урок 224. 00:12:49
Create Cash Order or Redirect to Payment Page
Урок 225. 00:17:59
Create Cash Order Backend
Урок 226. 00:22:50
Cash Order Success with Coupon and Status of Cash On Delivery
Урок 227. 00:10:58
Code Splitting with Lazy and Suspense
Урок 228. 00:06:47
Heroku or Digital Ocean
Урок 229. 00:12:30
Admin User Setup and Root Access
Урок 230. 00:05:00
Push Project to Github
Урок 231. 00:09:47
NGINX Configuration
Урок 232. 00:06:04
Running API
Урок 233. 00:04:26
MongoDB Setup
Урок 234. 00:07:14
Running React Frontend
Урок 235. 00:05:43
Resize Droplet with Bigger Memory
Урок 236. 00:13:30
Making User Admin and Trying Deployed App

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии

Uki
5 сент. 2023 г., 22:15
Please update
camelCase
23 дек. 2022 г., 23:51
update please
ASilentVoice
31 мар. 2021 г., 11:15
Hi Andrew :) Hope you're doing well. Please update this course. Thanks buddy.
santhoshgowtham9
7 февр. 2021 г., 09:41
Getting undefined all list when i render in the dom getCategories function
Владилен Минин santhoshgowtham9
7 апр. 2021 г., 22:16
So stop being stupid
armandriy
30 янв. 2021 г., 22:36
Old way to import firebase : import * as firebase from "firebase",
New way to import in new version : import firebase from "firebase".