![React [2021] - Full Stack Serverless eCommerce logo](https://cdn.coursehunter.net/courses/540x320/react-2021-polnyy-kurs-po-besservernoy-elektronnoy-kommercii.webp)
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React [2021] - Full Stack Serverless eCommerce
React [2021] - The Full Stack Serverless eCommerce Course
Продолжительность
26 ч 17 мин
Категория
React.js
Количество уроков
160 Видео
Дата добавления
3 мар. 2021 г., 23:59
Язык
Английский
Дата выхода
20 янв. 2021 г., 02:00
Создайте полнофункциональное приложение для электронной коммерции с использованием React и бессерверной архитектуры (Firebase, Cloud Functions, Firestore, Storage, Authentication, Hosting). Это практический курс, и по его окончании вы сможете создать полноценное и производительное приложение для электронной коммерции.
*** Курс создан на Typescript, но он определенно подходит, если вы предпочитаете Javascript ***
Вот что будет охватывать курс:
- Управление состоянием React с использованием Context API и хуков;
- Кастомные хуки;
- Зарегистрируйтесь, войдите в систему, сбросьте пароль и войдите через социальные сети;
- Аутентификация и авторизация;
- Защита роута, управление роутом;
- Как разделить UI и логику с помощью кастомного хука;
- Как создать элегантный компонент многократного использования (кнопка, ввод, вкладка, разбивка на страницы);
- Как создать элегантное модальное окно для многократного использования;
- Как эффективно создавать и управлять формой (с помощью react-hook-form);
- Полнофункциональная корзина для покупок;
- Полнофункциональная кассовая система с Stripe;
- Как сохранить карту / установить карту по умолчанию в системе Stripe;
- Создайте административную область, в которой пользователь может управлять продуктами, управлять заказами, управлять пользователями;
- Пагинация и вкладки;
- Функциональность поиска с использованием Algolia;
- Как применить пагинацию к результатам поиска;
- Как использовать Firebase Firestore в качестве базы данных;
- Как интегрировать облачные функции Firebase в качестве серверной части;
- Как сохранить изображение в Firebase Storage;
- Безопасность Firestore;
- Как развернуть приложение с помощью Firebase Hosting.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:01:06Introduction
-
Урок 2. 00:06:23Demo
-
Урок 3. 00:02:09The Boilerplate
-
Урок 4. 00:02:32Routes Structure
-
Урок 5. 00:19:25Routing
-
Урок 6. 00:06:15Add Navigation Bar
-
Урок 7. 00:02:08Apply Layout
-
Урок 8. 00:05:32Products Page
-
Урок 9. 00:06:56Product Detail Page (1)
-
Урок 10. 00:05:55Product Detail Page (2)
-
Урок 11. 00:09:16Custom Button with forwardRef
-
Урок 12. 00:05:06Spinner Component
-
Урок 13. 00:05:44Icons
-
Урок 14. 00:05:31Set Up Firebase Project
-
Урок 15. 00:05:12Adjust Navigation Bar
-
Урок 16. 00:08:07Sign Up Form (1)
-
Урок 17. 00:21:28Sign Up Form (2)
-
Урок 18. 00:19:24Sign Up With Email And Password
-
Урок 19. 00:12:46Set Up Cloud Functions
-
Урок 20. 00:14:25Write First Cloud Functions
-
Урок 21. 00:09:21Call Cloud Functions From Frontend
-
Урок 22. 00:21:03Manage Modals Via Context API
-
Урок 23. 00:04:17Recap Modal Context
-
Урок 24. 00:03:55Improve Modal Context
-
Урок 25. 00:16:52Authentication Context
-
Урок 26. 00:02:15Use Authentication Context
-
Урок 27. 00:06:14Differentiate The Navigation Bar View
-
Урок 28. 00:08:43Add Sidebar (User Dropdown)
-
Урок 29. 00:05:44Refactor Navigation Bar
-
Урок 30. 00:04:04Refactor Sidebar (User Dropdown)
-
Урок 31. 00:10:14Manage Sidebar (User Dropdown)
-
Урок 32. 00:05:19Sign Out
-
Урок 33. 00:09:49Sign In
-
Урок 34. 00:17:44Reset Password
-
Урок 35. 00:15:45Social Media Login (1)
-
Урок 36. 00:07:06Social Media Login (2)
-
Урок 37. 00:12:20Social Media Login (3)
-
Урок 38. 00:20:20Authentication Context Update
-
Урок 39. 00:05:03Private Route (1)
-
Урок 40. 00:08:23Private Route (2)
-
Урок 41. 00:12:36Private Route (3)
-
Урок 42. 00:13:00Private Route (4)
-
Урок 43. 00:03:24Use Private Route
-
Урок 44. 00:10:23Protect Routes (1)
-
Урок 45. 00:02:55Improve Authentication Context
-
Урок 46. 00:14:53Protect Routes (2)
-
Урок 47. 00:07:56Adjust Sidebar (User Dropdown)
-
Урок 48. 00:14:50Client And Admin Views
-
Урок 49. 00:04:22Improve Private Route
-
Урок 50. 00:08:26Add Product Form (1)
-
Урок 51. 00:09:55Add Product Form (2)
-
Урок 52. 00:05:16Add Product Form (3)
-
Урок 53. 00:06:35Add Product Form (4)
-
Урок 54. 00:09:49Add Product Form (5)
-
Урок 55. 00:13:47Upload Image To Firebase Storage
-
Урок 56. 00:17:51Upload Product To Firestore
-
Урок 57. 00:02:57Prop Drilling VS Context API
-
Урок 58. 00:07:28Upload Progression Bar
-
Урок 59. 00:14:54Prepare For Pagination
-
Урок 60. 00:20:12Products Context (1)
-
Урок 61. 00:09:28Products Context (2)
-
Урок 62. 00:01:07Generic Constraints
-
Урок 63. 00:10:27Manage Products Page
-
Урок 64. 00:07:58Products Page
-
Урок 65. 00:04:31Product Detail Page
-
Урок 66. 00:04:16Sorting And Real Time Update
-
Урок 67. 00:08:56Refactor Add Product Custom Hook
-
Урок 68. 00:11:44Edit Product (1)
-
Урок 69. 00:19:54Edit Product (2)
-
Урок 70. 00:13:22Edit Product (3)
-
Урок 71. 00:11:1877 Delete Product
-
Урок 72. 00:10:42Alert Dialog (1)
-
Урок 73. 00:16:28Alert Dialog (2)
-
Урок 74. 00:00:52Adjust Dialog
-
Урок 75. 00:08:35Adjust Product Detail Page
-
Урок 76. 00:05:32Add To Cart Quantity
-
Урок 77. 00:17:52Add To Cart (1)
-
Урок 78. 00:03:50Add To Cart (2)
-
Урок 79. 00:14:47Add To Cart (3)
-
Урок 80. 00:19:08Cart Context
-
Урок 81. 00:06:05Check Before Add To Cart
-
Урок 82. 00:03:11Cart Quantity On NavBar
-
Урок 83. 00:16:45Cart Page
-
Урок 84. 00:09:59Cart Item
-
Урок 85. 00:12:13Update Cart
-
Урок 86. 00:11:51Delete Cart
-
Урок 87. 00:05:10Improve Update Cart
-
Урок 88. 00:06:51Shipping Address
-
Урок 89. 00:17:57Add Shipping Address
-
Урок 90. 00:07:30Display Shipping Address
-
Урок 91. 00:07:07Edit Shipping Address (1)
-
Урок 92. 00:15:07Edit Shipping Address (2)
-
Урок 93. 00:13:46Delete Shipping Address
-
Урок 94. 00:03:51Improve Select Address Page
-
Урок 95. 00:13:09Order Summary
-
Урок 96. 00:15:05Create Card Form
-
Урок 97. 00:08:11Card Details (1)
-
Урок 98. 00:10:06Card Details (2)
-
Урок 99. 00:07:47Fix Stripe Elements Issue
-
Урок 100. 00:09:56Complete Payment: New Card (1)
-
Урок 101. 00:14:48Complete Payment: New Card (2)
-
Урок 102. 00:09:42Complete Payment: New Card (3)
-
Урок 103. 00:16:49Create Stripe Customer And Save Card
-
Урок 104. 00:10:39Set Default Card
-
Урок 105. 00:18:57Fetch Cards From Stripe
-
Урок 106. 00:12:03Display Cards
-
Урок 107. 00:02:56Fix Memory Leak Issue
-
Урок 108. 00:20:15Complete Payment: Saved Card (1)
-
Урок 109. 00:06:21Complete Payment: Saved Card (2)
-
Урок 110. 00:18:51Create An Order And Delete Cart Items
-
Урок 111. 00:08:51Confirm Payment Modal
-
Урок 112. 00:03:16Remove Card (1)
-
Урок 113. 00:14:27Remove Card (2)
-
Урок 114. 00:10:10Remove Card (3)
-
Урок 115. 00:16:01Count Order And Update Inventory On Order Created (1)
-
Урок 116. 00:03:14Count Order And Update Inventory On Order Created (2)
-
Урок 117. 00:17:38Orders Context API
-
Урок 118. 00:10:40Order Count Context API
-
Урок 119. 00:06:33Orders Page (1)
-
Урок 120. 00:10:19Orders Page (2)
-
Урок 121. 00:09:56Order Detail Page
-
Урок 122. 00:06:53Manage Orders Page
-
Урок 123. 00:15:54Manage Order Detail Page
-
Урок 124. 00:10:59Print Shipping Label And Invoice
-
Урок 125. 00:08:44Count Number Of Users
-
Урок 126. 00:10:48Test Count User Function And Fix Auth Issue
-
Урок 127. 00:13:27Users Context API
-
Урок 128. 00:06:15Manage Users Page (1)
-
Урок 129. 00:07:38Update User's Role (1)
-
Урок 130. 00:10:50Update User's Role (2)
-
Урок 131. 00:09:33Update User's Role (3)
-
Урок 132. 00:06:06Integrate Algolia Search
-
Урок 133. 00:10:51Users Index (1)
-
Урок 134. 00:02:59Users Index (2)
-
Урок 135. 00:07:12Products Index And Orders Index (1)
-
Урок 136. 00:06:29Products Index And Orders Index (2)
-
Урок 137. 00:07:17Fix Issues And Clear Out The Database
-
Урок 138. 00:10:23Search Products (1)
-
Урок 139. 00:11:25Search Products (2)
-
Урок 140. 00:10:21Search Products (3)
-
Урок 141. 00:10:48Search Products (4)
-
Урок 142. 00:26:02Search Orders (2)
-
Урок 143. 00:05:00Search Users
-
Урок 144. 00:01:47Overview To The Finished Pagination
-
Урок 145. 00:08:07Product Category Tabs (1)
-
Урок 146. 00:12:13Product Category Tabs (2)
-
Урок 147. 00:02:55Product Category Tabs (3)
-
Урок 148. 00:11:01Add Pagination - Products Page (1)
-
Урок 149. 00:11:45Add Pagination - Products Page (2)
-
Урок 150. 00:07:14Add Pagination - Products Page (3)
-
Урок 151. 00:09:03Add Pagination - Products Page (4)
-
Урок 152. 00:21:03Firestore Paginate A Query
-
Урок 153. 00:08:49Order Status Tabs (1)
-
Урок 154. 00:06:37Order Status Tabs (2)
-
Урок 155. 00:20:21Add Pagination - Manage Orders Page
-
Урок 156. 00:15:17Add Pagination - Manage Users Page
-
Урок 157. 00:08:01Add Pagination - Manage Products Page
-
Урок 158. 00:01:55Fix Missing Dependency Warning
-
Урок 159. 00:03:39Build The App
-
Урок 160. 00:06:06Deploy The App
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
James Q Quick
29 мая 2020 г., 16:15
React и Serverless - Fullstack разработка
React and Serverless - Fullstack Developmnent
В этом курсе вы создадите безопасное и готовое к работе приложение с полным стеком от начала до конца. Попутно вы изучите основные концепции разработки современных веб-приложений, таких как React, безопасность приложений, функции Serverless и непрерывная интеграция. К концу этого курса у вас будут знания, необходимые для создания удивительных приложений, которыми вы сможете поделиться со всем миром!
codemochi.com
24 мар. 2020 г., 20:33
Frontend Serverless с React и GraphQL, v2
Frontend Serverless with React and GraphQL, v2
Узнайте, как создавать end-to-end строго типизированные приложения React, которые позволят вам меньше сосредоточиться на написании хрупкого, универсального кода для извлечения данных а больше на функциональности, которая важна для ваших пользователей.
ServerlessReact.dev
ServerlessReact.Dev - это видеокурс, демонстрирующий, как создать современное веб-приложение с нуля до запуска с использованием сверхпродуктивного современного веб-стека. Вы узнаете все, что вам нужно, чтобы стать полнофункциональным фулстек фронтенд разработчиком.
frontendmasters
14 мар. 2017 г., 00:00
Firebase + React
Firebase + React: Real-time, Serverless Web Apps
Firebase - это платформа, которая позволяет развертывать сложные веб и мобильные приложения без необходимости создавать собственную сложную серверную инфраструктуру. Firebase предоставляет базу данных, которая отправляет обновления клиентскому приложению в режиме реального времени, кэширует запросы когда нет соединения, предлагает разрешение конфликтов и позволяет вам определять пользовательские правила доступа. Кроме того, Firebase предлагает пр