Главная страницаКатегория react.jsReact [2021] - Full Stack Serverless eCommerce

React [2021] - Full Stack Serverless eCommerce

Name: React [2021] - Full Stack Serverless eCommerce
Price: 13 USD
Rating: 2 (22 reviews)

React [2021] - The Full Stack Serverless eCommerce Course

udemy

★2 (всего оценок - 22)

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

26 ч 17 мин

Категория

React.js

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

160 Видео

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

3 мар. 2021 г., 23:59

Язык

Английский

Дата выхода

20 янв. 2021 г., 02:00

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

29 апр. 2026 г., 09:33

Освойте современную разработку eCommerce‑приложений с помощью React, TypeScript/JavaScript и бессерверных технологий Firebase. Этот практический курс проведет вас через создание полноценного интернет‑магазина — от аутентификации до админ‑панели — помогая уверенно работать с ключевыми инструментами фронтенда и serverless‑архитектуры.

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

Курс подходит как разработчикам, знакомым с React, так и тем, кто впервые работает с Firebase. Вы разберете структуру настоящего коммерческого проекта и шаг за шагом создадите производительное, масштабируемое и надежное приложение.

Почему React и Serverless — идеальное сочетание

Бессерверная архитектура упрощает работу с backend‑логикой, снижает затраты на инфраструктуру и ускоряет разработку. В связке с React вы получаете мощный стек для создания современных eCommerce‑решений.

Чему вы научитесь

Работа с React и управлением состоянием

Использование Context API и хуков для грамотного управления состоянием;
Создание надежных и переиспользуемых кастомных хуков;
Разделение логики и UI для повышения читаемости и поддержки кода.

Формы и интерфейсные компоненты

Построение сложных форм на основе react-hook-form;
Создание универсальных UI‑компонентов (кнопки, поля ввода, вкладки, пагинация);
Разработка многофункционального модального окна.

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

Регистрация, вход, восстановление пароля, соц‑аутентификация;
Авторизация и защита маршрутов;
Настройка правил безопасности Firestore.

Функциональность интернет‑магазина

Полноценная корзина и страница оформления заказа;
Интеграция платежной системы Stripe;
Сохранение карты пользователя и установка карты по умолчанию.

Серверная логика с Firebase

Использование Firestore как масштабируемой базы данных;
Создание backend‑функций с Firebase Cloud Functions;
Хранение и оптимизация изображений с Firebase Storage.

Инструменты для улучшения UX

Поиск по товарам на базе Algolia;
Пагинация и сортировка результатов поиска.

Админ‑панель и управление данными

Вы построите собственную административную область, включая:

Управление товарами;
Управление заказами;
Управление пользователями;
Редактирование данных и модерацию контента.

Деплой и финальная сборка проекта

По завершении курса вы сможете развернуть приложение с помощью Firebase Hosting, получив полностью рабочий, публично доступный интернет‑магазин.

Для кого подходит курс

Этот курс будет полезен:

Frontend‑разработчикам, желающим освоить полный цикл создания приложений;
Тем, кто хочет понять бессерверную архитектуру на практике;
Разработчикам, стремящимся создать реальный eCommerce‑проект;
Тем, кто пишет на TypeScript или предпочитает JavaScript.

Итог

По окончании курса вы получите практический опыт разработки полнофункционального eCommerce‑приложения, освоите ключевые технологии React и Firebase и сможете создавать эффективные, масштабируемые и современные веб‑проекты.

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

Урок 1. 00:01:06
Introduction
Урок 2. 00:06:23
Demo
Урок 3. 00:02:09
The Boilerplate
Урок 4. 00:02:32
Routes Structure
Урок 5. 00:19:25
Routing
Урок 6. 00:06:15
Add Navigation Bar
Урок 7. 00:02:08
Apply Layout
Урок 8. 00:05:32
Products Page
Урок 9. 00:06:56
Product Detail Page (1)
Урок 10. 00:05:55
Product Detail Page (2)
Урок 11. 00:09:16
Custom Button with forwardRef
Урок 12. 00:05:06
Spinner Component
Урок 13. 00:05:44
Icons
Урок 14. 00:05:31
Set Up Firebase Project
Урок 15. 00:05:12
Adjust Navigation Bar
Урок 16. 00:08:07
Sign Up Form (1)
Урок 17. 00:21:28
Sign Up Form (2)
Урок 18. 00:19:24
Sign Up With Email And Password
Урок 19. 00:12:46
Set Up Cloud Functions
Урок 20. 00:14:25
Write First Cloud Functions
Урок 21. 00:09:21
Call Cloud Functions From Frontend
Урок 22. 00:21:03
Manage Modals Via Context API
Урок 23. 00:04:17
Recap Modal Context
Урок 24. 00:03:55
Improve Modal Context
Урок 25. 00:16:52
Authentication Context
Урок 26. 00:02:15
Use Authentication Context
Урок 27. 00:06:14
Differentiate The Navigation Bar View
Урок 28. 00:08:43
Add Sidebar (User Dropdown)
Урок 29. 00:05:44
Refactor Navigation Bar
Урок 30. 00:04:04
Refactor Sidebar (User Dropdown)
Урок 31. 00:10:14
Manage Sidebar (User Dropdown)
Урок 32. 00:05:19
Sign Out
Урок 33. 00:09:49
Sign In
Урок 34. 00:17:44
Reset Password
Урок 35. 00:15:45
Social Media Login (1)
Урок 36. 00:07:06
Social Media Login (2)
Урок 37. 00:12:20
Social Media Login (3)
Урок 38. 00:20:20
Authentication Context Update
Урок 39. 00:05:03
Private Route (1)
Урок 40. 00:08:23
Private Route (2)
Урок 41. 00:12:36
Private Route (3)
Урок 42. 00:13:00
Private Route (4)
Урок 43. 00:03:24
Use Private Route
Урок 44. 00:10:23
Protect Routes (1)
Урок 45. 00:02:55
Improve Authentication Context
Урок 46. 00:14:53
Protect Routes (2)
Урок 47. 00:07:56
Adjust Sidebar (User Dropdown)
Урок 48. 00:14:50
Client And Admin Views
Урок 49. 00:04:22
Improve Private Route
Урок 50. 00:08:26
Add Product Form (1)
Урок 51. 00:09:55
Add Product Form (2)
Урок 52. 00:05:16
Add Product Form (3)
Урок 53. 00:06:35
Add Product Form (4)
Урок 54. 00:09:49
Add Product Form (5)
Урок 55. 00:13:47
Upload Image To Firebase Storage
Урок 56. 00:17:51
Upload Product To Firestore
Урок 57. 00:02:57
Prop Drilling VS Context API
Урок 58. 00:07:28
Upload Progression Bar
Урок 59. 00:14:54
Prepare For Pagination
Урок 60. 00:20:12
Products Context (1)
Урок 61. 00:09:28
Products Context (2)
Урок 62. 00:01:07
Generic Constraints
Урок 63. 00:10:27
Manage Products Page
Урок 64. 00:07:58
Products Page
Урок 65. 00:04:31
Product Detail Page
Урок 66. 00:04:16
Sorting And Real Time Update
Урок 67. 00:08:56
Refactor Add Product Custom Hook
Урок 68. 00:11:44
Edit Product (1)
Урок 69. 00:19:54
Edit Product (2)
Урок 70. 00:13:22
Edit Product (3)
Урок 71. 00:11:18
77 Delete Product
Урок 72. 00:10:42
Alert Dialog (1)
Урок 73. 00:16:28
Alert Dialog (2)
Урок 74. 00:00:52
Adjust Dialog
Урок 75. 00:08:35
Adjust Product Detail Page
Урок 76. 00:05:32
Add To Cart Quantity
Урок 77. 00:17:52
Add To Cart (1)
Урок 78. 00:03:50
Add To Cart (2)
Урок 79. 00:14:47
Add To Cart (3)
Урок 80. 00:19:08
Cart Context
Урок 81. 00:06:05
Check Before Add To Cart
Урок 82. 00:03:11
Cart Quantity On NavBar
Урок 83. 00:16:45
Cart Page
Урок 84. 00:09:59
Cart Item
Урок 85. 00:12:13
Update Cart
Урок 86. 00:11:51
Delete Cart
Урок 87. 00:05:10
Improve Update Cart
Урок 88. 00:06:51
Shipping Address
Урок 89. 00:17:57
Add Shipping Address
Урок 90. 00:07:30
Display Shipping Address
Урок 91. 00:07:07
Edit Shipping Address (1)
Урок 92. 00:15:07
Edit Shipping Address (2)
Урок 93. 00:13:46
Delete Shipping Address
Урок 94. 00:03:51
Improve Select Address Page
Урок 95. 00:13:09
Order Summary
Урок 96. 00:15:05
Create Card Form
Урок 97. 00:08:11
Card Details (1)
Урок 98. 00:10:06
Card Details (2)
Урок 99. 00:07:47
Fix Stripe Elements Issue
Урок 100. 00:09:56
Complete Payment: New Card (1)
Урок 101. 00:14:48
Complete Payment: New Card (2)
Урок 102. 00:09:42
Complete Payment: New Card (3)
Урок 103. 00:16:49
Create Stripe Customer And Save Card
Урок 104. 00:10:39
Set Default Card
Урок 105. 00:18:57
Fetch Cards From Stripe
Урок 106. 00:12:03
Display Cards
Урок 107. 00:02:56
Fix Memory Leak Issue
Урок 108. 00:20:15
Complete Payment: Saved Card (1)
Урок 109. 00:06:21
Complete Payment: Saved Card (2)
Урок 110. 00:18:51
Create An Order And Delete Cart Items
Урок 111. 00:08:51
Confirm Payment Modal
Урок 112. 00:03:16
Remove Card (1)
Урок 113. 00:14:27
Remove Card (2)
Урок 114. 00:10:10
Remove Card (3)
Урок 115. 00:16:01
Count Order And Update Inventory On Order Created (1)
Урок 116. 00:03:14
Count Order And Update Inventory On Order Created (2)
Урок 117. 00:17:38
Orders Context API
Урок 118. 00:10:40
Order Count Context API
Урок 119. 00:06:33
Orders Page (1)
Урок 120. 00:10:19
Orders Page (2)
Урок 121. 00:09:56
Order Detail Page
Урок 122. 00:06:53
Manage Orders Page
Урок 123. 00:15:54
Manage Order Detail Page
Урок 124. 00:10:59
Print Shipping Label And Invoice
Урок 125. 00:08:44
Count Number Of Users
Урок 126. 00:10:48
Test Count User Function And Fix Auth Issue
Урок 127. 00:13:27
Users Context API
Урок 128. 00:06:15
Manage Users Page (1)
Урок 129. 00:07:38
Update User's Role (1)
Урок 130. 00:10:50
Update User's Role (2)
Урок 131. 00:09:33
Update User's Role (3)
Урок 132. 00:06:06
Integrate Algolia Search
Урок 133. 00:10:51
Users Index (1)
Урок 134. 00:02:59
Users Index (2)
Урок 135. 00:07:12
Products Index And Orders Index (1)
Урок 136. 00:06:29
Products Index And Orders Index (2)
Урок 137. 00:07:17
Fix Issues And Clear Out The Database
Урок 138. 00:10:23
Search Products (1)
Урок 139. 00:11:25
Search Products (2)
Урок 140. 00:10:21
Search Products (3)
Урок 141. 00:10:48
Search Products (4)
Урок 142. 00:26:02
Search Orders (2)
Урок 143. 00:05:00
Search Users
Урок 144. 00:01:47
Overview To The Finished Pagination
Урок 145. 00:08:07
Product Category Tabs (1)
Урок 146. 00:12:13
Product Category Tabs (2)
Урок 147. 00:02:55
Product Category Tabs (3)
Урок 148. 00:11:01
Add Pagination - Products Page (1)
Урок 149. 00:11:45
Add Pagination - Products Page (2)
Урок 150. 00:07:14
Add Pagination - Products Page (3)
Урок 151. 00:09:03
Add Pagination - Products Page (4)
Урок 152. 00:21:03
Firestore Paginate A Query
Урок 153. 00:08:49
Order Status Tabs (1)
Урок 154. 00:06:37
Order Status Tabs (2)
Урок 155. 00:20:21
Add Pagination - Manage Orders Page
Урок 156. 00:15:17
Add Pagination - Manage Users Page
Урок 157. 00:08:01
Add Pagination - Manage Products Page
Урок 158. 00:01:55
Fix Missing Dependency Warning
Урок 159. 00:03:39
Build The App
Урок 160. 00:06:06
Deploy The App

Автор - udemy

udemy

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

+198

Комментарии