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

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

React Redux Ecommerce - Master MERN Stack Web Development

udemy

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

Начать Сейчас

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

43 ч 9 мин

Категория

React.js

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

236 Видео

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

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

Язык

Английский

Дата выхода

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

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

20 сент. 2023 г., 11:48

Освойте веб-разработку MERN Stack, создавая E-commerce приложение с помощью React, Redux Ant Design, Firebase NodeJs и MongoDB. В этом проекте будут почти все функции, которые вы хотите добавить в любое приложение для электронной коммерции.

Вход в систему регистрации
Входс помощью электронной почты / пароля и Google аккаунта
Панель администратора и система управления заказами
CRUD с расширенными функциями, включая категории, подкатегории, загрузку нескольких изображений и т. д.
Множество опций расширенного поиска и фильтрации
Система оценки
Функциональность корзины с внутренней и внешней реализацией
Оплала через Stripe
Оплата наложенным платежом
Панель управления пользователя с обновлением пароля, историей покупок, загрузкой счета / PDF и т. д.
Развертывание в облаке Digital Ocean

Этот проект, вероятно, является самым большим и захватывающим проектом, который вы когда-либо создавали. Он содержит сотни советов и уловок, которые помогут вам создать практически любой тип приложения с полным стеком (не ограничиваясь электронной коммерцией).

Овладейте искусством создания приложений FullStack / 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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194

Другие материалы в этой категории

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".

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

Ограничение времени просмотра

Автор - udemy

udemy

Другие материалы в этой категории

MERN eCommerce с нуля

MERN стек веб-разработка с проектом аутентификации

React, NodeJS, Express и MongoDB - Руководство по полному стэку MERN

MERN Stack - Полное руководство

[Книга] Понимание Redux - 1, 2 и 3

React Node MERN Marketplace - Создайте приложение для бронирования отелей

MERN Stack: Full Stack Приложения с Нуля