udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Создание интернет-магазина с помощью React и Chakra UI - MERN
Build an e-commerce app with React and Chakra UI MERN
★5 (всего оценок - 9)
Продолжительность
20 ч 33 мин
Категория
React.jsКоличество уроков
205 Видео
Дата добавления
16 мая 2023 г., 22:48
Язык
Английский
Дата выхода
23 февр. 2023 г., 01:00
Это начальный курс для создания современных веб-приложений. Курс очень практический, более 90% уроков будет состоять из написания кода вместе со мной над проектом. Если вы предпочитаете изучение через практику, то этот курс определенно для вас. На этом курсе мы создадим пример интернет-магазина под названием Techlines с нуля, используя самую популярную библиотеку JavaScript React в сочетании с Redux, Chakra UI, NodeJs, Express, MongoDB и многими другими.
Вам понадобится только компьютер с вашей любимой операционной системой и желание научиться создавать приложение.
Это подходящий курс для вас, если вы:
Интересуетесь веб-разработкой
Изучаете IT
Интересуетесь программированием в целом
Хотите улучшить свои знания в React
Интересуетесь тем, как строятся полноценные приложения
Имеете прочное понимание программирования и хотите начать изучение React/JavaScript
Интересуетесь Chakra UI.
Вы новичок в мире IT и хотите начать с чего-то
Что вы изучите?
React и React hooks
Функциональные компоненты
Управление состоянием с помощью ReduxJs Toolkit
Использование библиотек компонентов, таких как Chakra UI
Стилизация и проектирование веб-страниц
Адаптивный дизайн
Регистрация пользователей и аутентификация (вход в систему)
Написание API и хранение данных в базе данных.
Использование MongoDB
Использование NodeJS
Использование Express
Управление версиями с помощью Git с Github
И многое другое ...
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:03:18App demo
- Урок 2. 00:02:15Install Node & Npm
- Урок 3. 00:02:31Install Git
- Урок 4. 00:01:22Install Visual Studio Code
- Урок 5. 00:02:31Install Visual Studio Code Extensions
- Урок 6. 00:02:29Prettier Extensions Settings
- Урок 7. 00:01:05Initiating Folder Directory
- Урок 8. 00:02:22Create React App
- Урок 9. 00:02:16Npm start
- Урок 10. 00:08:22Client Content Explained
- Урок 11. 00:03:48Removing Files we don't need 1
- Урок 12. 00:04:01Removing Files we don't need 2
- Урок 13. 00:08:10Setting up Git
- Урок 14. 00:02:55High picture of our app
- Урок 15. 00:02:15In case you get stuck
- Урок 16. 00:01:12Overview
- Урок 17. 00:03:15Installing Dependencies
- Урок 18. 00:03:21Set up React Router Dom & Chakra Provider
- Урок 19. 00:02:32The concept of React
- Урок 20. 00:12:55Navbar Component Part 1
- Урок 21. 00:03:13The concept of Components
- Урок 22. 00:07:57Navbar Component Part 2
- Урок 23. 00:07:52Navbar Component Part 3
- Урок 24. 00:04:49Navbar Component Part 4
- Урок 25. 00:03:25Save your work to the remote repository
- Урок 26. 00:00:34Overview
- Урок 27. 00:01:00Download Materials
- Урок 28. 00:08:02ProductsScreen Component
- Урок 29. 00:10:35ProductCard Component Part 1
- Урок 30. 00:11:22ProductCard Component Part 2
- Урок 31. 00:07:12ProductCard Component Part 3
- Урок 32. 00:01:54Save your work to the remote repository
- Урок 33. 00:00:58Section overview
- Урок 34. 00:05:19Getting started with MongoDb
- Урок 35. 00:00:58MongoDbCompass
- Урок 36. 00:03:21Connect to our database in MongoDb Compass
- Урок 37. 00:04:23Initialize backend npm package & dependencies
- Урок 38. 00:06:48Creating database connection part 1
- Урок 39. 00:03:41Creating database connection part 2
- Урок 40. 00:02:25What we have done so far
- Урок 41. 00:06:43Add port listener
- Урок 42. 00:08:43Creating product schema
- Урок 43. 00:06:02Initiate product route
- Урок 44. 00:02:06Import product data
- Урок 45. 00:02:14Save your work to the remote repository
- Урок 46. 00:00:38Overview
- Урок 47. 00:03:15Running backend and frontend simultanously
- Урок 48. 00:04:45Creating Redux Store
- Урок 49. 00:04:45Products Slices
- Урок 50. 00:04:06Redux Slices & Actions
- Урок 51. 00:02:20Proxy and Store Activation
- Урок 52. 00:02:33Redux Devtools
- Урок 53. 00:03:10Store Provider
- Урок 54. 00:04:22Redux in ProductsScreen
- Урок 55. 00:07:05Redux Theorie
- Урок 56. 00:02:53Code Clean Up
- Урок 57. 00:08:44Loading Spinner & Error Message
- Урок 58. 00:05:08Test Error Message & Saving our work to the Remote Repository
- Урок 59. 00:00:29Overview
- Урок 60. 00:01:55Fixing Deprecation Warning
- Урок 61. 00:04:18Setting Favicon
- Урок 62. 00:06:34Creating Cart Screen part 1
- Урок 63. 00:11:05Cart Slices & Actions (Redux)
- Урок 64. 00:08:58Creating Cart Screen part 2
- Урок 65. 00:08:18Adding Redux to the ProductCard
- Урок 66. 00:02:36Fixing useColorModeValue
- Урок 67. 00:12:47CartItem Component part 1
- Урок 68. 00:02:57CartItem Component part 2
- Урок 69. 00:14:50CartOrderSummary Compononet
- Урок 70. 00:05:29Get Product Route
- Урок 71. 00:09:49Local storage
- Урок 72. 00:01:29Refining calculateSubtotal Function
- Урок 73. 00:09:47Remove Cart Item and Save Work to Remote Repository
- Урок 74. 00:01:00Overview
- Урок 75. 00:05:26Redux setup for single product
- Урок 76. 00:04:58Initialize Product Screen Component
- Урок 77. 00:09:49Product Screen part 1
- Урок 78. 00:08:30Product Screen part 2
- Урок 79. 00:11:10Product Screen part 3
- Урок 80. 00:08:07Product Screen part 4
- Урок 81. 00:07:55Product Screen part 5
- Урок 82. 00:04:08Product Screen part 6
- Урок 83. 00:01:19Saving work to our work repository
- Урок 84. 00:01:221. Overview
- Урок 85. 00:04:43Footer Component Part One
- Урок 86. 00:06:39Footer Component Part Two
- Урок 87. 00:04:32Footer Component Part Three
- Урок 88. 00:03:57LandingScreen Component Part One
- Урок 89. 00:07:11LandingScreen Component Part Two
- Урок 90. 00:01:38Save work to our remote repository
- Урок 91. 00:00:33Overview
- Урок 92. 00:08:30User Model
- Урок 93. 00:08:23JSON Web Token and Login User Route
- Урок 94. 00:07:30Register User Route
- Урок 95. 00:05:45Postman & GET Products
- Урок 96. 00:04:57Register user in Postman
- Урок 97. 00:06:37Review of what we have done so far
- Урок 98. 00:01:47Login user in Postman
- Урок 99. 00:11:46Login Screen Part One & Two
- Урок 100. 00:10:45Login Screen Part Three
- Урок 101. 00:08:38Text Field and Password Component
- Урок 102. 00:07:35Login Screen Part Four
- Урок 103. 00:09:05Redux Set Up For User
- Урок 104. 00:04:11Login Screen Part Five
- Урок 105. 00:04:56Login Screen Part Six
- Урок 106. 00:08:59Login Screen Part Seven
- Урок 107. 00:09:52Login Screen Part Eight
- Урок 108. 00:03:58Registration Screen Part One
- Урок 109. 00:07:40Registration Screen Part Two
- Урок 110. 00:10:09Registration Screen Part Three
- Урок 111. 00:03:58ViewIcon Fix
- Урок 112. 00:02:13Save Your Work To The Remote Repository
- Урок 113. 00:01:03Overview
- Урок 114. 00:10:08Backend Middleware
- Урок 115. 00:06:53Update Profile Route
- Урок 116. 00:04:59Update Profile in Postman
- Урок 117. 00:10:00Update Profile In Redux
- Урок 118. 00:08:30Profile Screen Part One
- Урок 119. 00:13:56Profile Screen Part Two
- Урок 120. 00:11:32Profile Screen Part Three
- Урок 121. 00:05:20Profile Screen Part Four
- Урок 122. 00:02:52Profile Screen Part Five
- Урок 123. 00:07:05Cart Icon Refinement
- Урок 124. 00:00:58Save your work to the remote repository
- Урок 125. 00:03:28Profile Save Toaster Fix
- Урок 126. 00:02:28Overview
- Урок 127. 00:11:14Order Schema
- Урок 128. 00:08:11Order Route
- Урок 129. 00:07:15Redux Setup - Order Actions
- Урок 130. 00:05:42Redux setup - Order Slice
- Урок 131. 00:09:26Checkout Screen Part One
- Урок 132. 00:15:16Checkout Screen Part Two
- Урок 133. 00:07:52CheckoutScreen Part Three
- Урок 134. 00:11:21Checkout Screen Part Four
- Урок 135. 00:13:04Checkout Screen Part Five
- Урок 136. 00:11:53Checkout Screen Part Six
- Урок 137. 00:07:35Clear Order and Cart Actions
- Урок 138. 00:08:17Shipping Information Part One
- Урок 139. 00:12:41Shipping Information Part Two
- Урок 140. 00:13:59Shipping Information Part Three
- Урок 141. 00:09:48Payment Success Modal Part One
- Урок 142. 00:08:19Payment Success Modal Part Two
- Урок 143. 00:10:46Payment Success Modal Part Three
- Урок 144. 00:04:20Payment Success Modal Part Four
- Урок 145. 00:03:31Save your work to the remote repository
- Урок 146. 00:01:39PayPal Checkout Issues
- Урок 147. 00:01:45Overview
- Урок 148. 00:05:55Get Users Orders Route
- Урок 149. 00:07:14Redux Setup - User Orders
- Урок 150. 00:06:24Your Orders Screen Part One
- Урок 151. 00:12:39Your Orders Screen Part Two
- Урок 152. 00:10:38Create Product Reviews Route
- Урок 153. 00:04:54Redux Setup - Reviews
- Урок 154. 00:02:32Redux Setup Resetting Errors
- Урок 155. 00:07:25Review on Product Screen Part One
- Урок 156. 00:08:28Review on Product Screen Part Two
- Урок 157. 00:03:58Review on Product Screen Part Three
- Урок 158. 00:01:01Save your work to the remote repository
- Урок 159. 00:01:14Overview
- Урок 160. 00:05:13Admin Console in Nav Bar
- Урок 161. 00:08:24Initialize Admin Console Screen
- Урок 162. 00:02:15Initialize Users Tab
- Урок 163. 00:08:01Users Route for Admin
- Урок 164. 00:08:37Redux Setup - Admin Users
- Урок 165. 00:10:10Users Tab Part One
- Урок 166. 00:08:30Users Tab Part Two
- Урок 167. 00:06:50Confirm Removal Alert
- Урок 168. 00:06:16Users Tab Part Three
- Урок 169. 00:00:36Debug Remove User Button
- Урок 170. 00:00:46Save your work to the remote repository
- Урок 171. 00:00:51Overview
- Урок 172. 00:06:23Admin Orders Route
- Урок 173. 00:06:08Redux Setup - Get Orders & Remove Orders
- Урок 174. 00:16:42Orders Tab
- Урок 175. 00:02:56Debug Delivered Flag
- Урок 176. 00:00:53Save your work to the remote repository
- Урок 177. 00:01:50Overview
- Урок 178. 00:13:03Create Delete Update Product Route
- Урок 179. 00:06:39Redux Setup - Update Product
- Урок 180. 00:03:08Redux Setup - Delete Product
- Урок 181. 00:01:32Redux Setup - Upload Product
- Урок 182. 00:04:58Products Tab Part One
- Урок 183. 00:09:23Products Tab Part Two
- Урок 184. 00:10:22Product Table Item Part One
- Урок 185. 00:13:03Product Table Item Part Two
- Урок 186. 00:05:10Product Table Item Part Three
- Урок 187. 00:02:38Debugging 404
- Урок 188. 00:12:22Add New Product Part One
- Урок 189. 00:07:34Add New Product Part Two
- Урок 190. 00:05:26Add New Product Part Three
- Урок 191. 00:08:15Add New Product Part Four
- Урок 192. 00:01:56Save your work to the remove repository
- Урок 193. 00:00:58Overview
- Урок 194. 00:06:18Admin route - Remove Product Review
- Урок 195. 00:04:14Redux Setup - Remove Review
- Урок 196. 00:08:29Reviews Tab - Part One
- Урок 197. 00:12:59Reviews Tab - Part Two
- Урок 198. 00:00:50Save your work to the remote repository
- Урок 199. 00:01:15Overview
- Урок 200. 00:11:50Deployment Configuration Part 1
- Урок 201. 00:09:46Deployment Configuration Part 2
- Урок 202. 00:12:11Website Deployment on Render.com
- Урок 203. 00:04:03End of course - last words, recommendation, thoughts
- Урок 204. 00:04:44Displaying correct error messages
- Урок 205. 00:14:06PayPal Checkout Process Bugfix
Автор - udemy
Другие материалы в этой категории
Стек MERN: React Node с нуля + 2 проекта
MERN STACK 2022 - Создайте CMS (клон WordPress)
Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node
Изучите стек MERN с WebRTC и SocketIO создавая клон Discord
Приложение с подпиской React Node Stripe MongoDB (MERN)
Освойте стек MERN
Курс "Скучный UI"
Комментарии
TuanTQHi admin! Please update this course. Thanks!
Anonymousthe code files are not there. There are only folders in the zipped code.zip folder. Please fix