Главная страницаКатегория node.jsМастер-класс Stripe с React.js и Node.js

Мастер-класс Stripe с React.js и Node.js

Name: Мастер-класс Stripe с React.js и Node.js
Price: 13 USD
Rating: 4.7 (24 reviews)

Stripe Masterclass With React.js & Node.js

udemy

★4.7 (всего оценок - 24)

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

9 ч 4 мин

Категория

Node.js

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

91 Видео

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

15 февр. 2021 г., 00:37

Язык

Английский

Дата выхода

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

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

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

Хотите научиться интегрировать Stripe в современное веб‑приложение? Этот мастер‑класс показывает, как шаг за шагом собрать полноценный интернет-магазин на React и Node.js, настроить платежи 3D Secure и грамотно работать с API Stripe. Материал подойдёт как разработчикам, так и тем, кто создаёт свои SaaS‑ или eCommerce‑проекты.

Что вы создадите в процессе обучения

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

Фронтенд на React

Вы создадите современный интерфейс, используя только функциональные компоненты, хуки и Context API. Такой подход обеспечивает чистую логику, меньшее количество boilerplate‑кода и удобную масштабируемость.

Ключевые функции фронтенда

Управление состоянием корзины через Context API;
Реактивное обновление товаров и стоимости через Hooks;
Интеграция Stripe Elements для безопасного ввода данных карты;
UX‑подходы для отображения ошибок, статусов загрузки и подтверждений платежей.

Бэкенд на Node.js и Express

Вы соберёте полноценный сервер на Express, который будет обрабатывать запросы от клиента, взаимодействовать со Stripe API и работать с Firebase для хранения данных.

Что включает бэкенд‑часть

Создание API‑маршрутов для заказов и платежей;
Работа с клиентами Stripe и сохранёнными картами;
Обработка и проверка 3D Secure транзакций;
Настройка и валидация Stripe Webhooks для обработки событий;
Прозрачная логика авторизации и безопасная передача данных.

Почему стоит изучать Stripe и React вместе

В современном eCommerce‑разработке важно сочетать удобный интерфейс и надёжную серверную часть — именно это даёт связка React и Node.js. Stripe же остаётся одним из самых популярных и гибких решений для онлайн‑платежей.

Вы получите актуальный опыт интеграции с одним из самых передовых платежных сервисов;
Научитесь читать и применять сложную документацию Stripe API;
Освоите архитектурные решения, подходящие для коммерческих проектов;
Получите навыки, востребованные в международных компаниях и фрилансе.

Кому подойдёт мастер‑класс

Материал рассчитан на разработчиков, которые хотят расширить свои навыки в веб‑разработке, eCommerce и интеграции платежных систем.

React‑разработчикам, желающим освоить работу с реальными API;
Node.js‑разработчикам, которым нужно внедрить безопасные платежи;
Создателям стартапов и интернет‑магазинов;
Тем, кто хочет глубже понять Stripe и его возможности.

Итоги обучения

После мастер‑класса вы выйдете с готовым проектом и глубоким пониманием того, как работают современные платежные системы. Вы будете уметь интегрировать Stripe, работать с 3D Secure, настраивать webhooks и строить полноценный eCommerce‑функционал на React и Node.js.

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

Урок 1. 00:02:42
Introduction
Урок 2. 00:02:30
What We're Going To Be Building
Урок 3. 00:05:09
Setup React App With CRA
Урок 4. 00:03:24
CSS Setup
Урок 5. 00:02:11
Node Sass Issue
Урок 6. 00:06:57
Header 1
Урок 7. 00:03:24
Header 2
Урок 8. 00:08:32
Cart Icon
Урок 9. 00:07:53
Hero
Урок 10. 00:06:39
Main Section 1
Урок 11. 00:04:07
Main Section 2
Урок 12. 00:05:58
Products Context
Урок 13. 00:04:56
Featured Product
Урок 14. 00:06:29
Featured Collection
Урок 15. 00:02:37
Footer
Урок 16. 00:06:47
Layout and Home Page
Урок 17. 00:03:28
Not Found
Урок 18. 00:06:06
Shop Page 1
Урок 19. 00:03:21
Shop Page 2
Урок 20. 00:08:24
Single Product View 1
Урок 21. 00:10:29
Single Product View 2
Урок 22. 00:08:16
Single Product View 3
Урок 23. 00:01:30
Introduction
Урок 24. 00:09:46
Create Cart Context
Урок 25. 00:10:51
Add Product
Урок 26. 00:02:37
Helper Function
Урок 27. 00:07:43
Add Click Handler To Add Product To Cart
Урок 28. 00:05:03
Test Add Product Feature
Урок 29. 00:07:06
Add Click Handler To Single Product Component
Урок 30. 00:07:17
Increase Item Quantity
Урок 31. 00:02:40
Cart Page Build 1
Урок 32. 00:07:35
Cart Page Build 2
Урок 33. 00:06:20
Cart Page Build 3
Урок 34. 00:12:29
Cart Page Build 4
Урок 35. 00:08:34
Cart Page Build 5
Урок 36. 00:09:21
Decrease Item Quantity
Урок 37. 00:04:30
Remove Item From Cart
Урок 38. 00:02:52
Clear The Cart
Урок 39. 00:05:39
Persist Cart Data
Урок 40. 00:01:55
Stripe Introduction
Урок 41. 00:01:00
Stripe Account Setup
Урок 42. 00:06:23
Stripe Dashboard
Урок 43. 00:01:43
Stripe Payment Flow
Урок 44. 00:06:39
Node Setup
Урок 45. 00:01:02
What Is Stripe Checkout
Урок 46. 00:01:06
Stripe Checkout Process
Урок 47. 00:02:23
Create Stripe Object In The Server
Урок 48. 00:11:11
Create Checkout Session Endpoint
Урок 49. 00:01:16
Create Checkout Session Endpoint 2
Урок 50. 00:03:34
Test Checkout Session Endpoint
Урок 51. 00:04:48
Setup Stripe On Frontend
Урок 52. 00:09:30
Checkout Page
Урок 53. 00:03:29
Fetch Helper Function
Урок 54. 00:06:19
Stripe Checkout Component
Урок 55. 00:12:39
Stripe Checkout Component 2
Урок 56. 00:14:15
Create Success & Canceled Pages
Урок 57. 00:01:29
Webhooks Introduction
Урок 58. 00:01:44
Success Component Fix
Урок 59. 00:02:25
Webhooks
Урок 60. 00:02:18
Webhooks 2
Урок 61. 00:07:25
Webhooks 3
Урок 62. 00:01:48
Stripe Custom Checkout Process
Урок 63. 00:10:49
Create Payment Intent Endpoint
Урок 64. 00:01:12
Test Payment Intent Endpoint
Урок 65. 00:10:34
Build Shipping Address Component
Урок 66. 00:04:35
Build Shipping Address Component 2
Урок 67. 00:12:09
Build Custom Checkout Component
Урок 68. 00:07:21
Build Custom Checkout Component 2
Урок 69. 00:09:01
Create Handle Checkout Component
Урок 70. 00:08:24
Webhook Update
Урок 71. 00:05:09
Create Firebase Project
Урок 72. 00:11:03
Build Sign Up Component
Урок 73. 00:09:17
Build Sign In Component
Урок 74. 00:07:21
Create User Profile Function
Урок 75. 00:09:57
Create User Context
Урок 76. 00:07:39
Update Sign Up Component
Урок 77. 00:05:30
Update Sign In Component
Урок 78. 00:07:32
Update Header Menu Links
Урок 79. 00:02:34
Update Fetch fromAPI function
Урок 80. 00:02:18
Create Service Account Environment Variable
Урок 81. 00:01:59
Firebase Initialization
Урок 82. 00:06:14
Auth Helper Functions
Урок 83. 00:08:02
Get Customer From Stripe Function
Урок 84. 00:06:43
Create Setup Intent Endpoint
Урок 85. 00:12:05
Create Get Payment Method Endpoint
Урок 86. 00:00:42
Validate User Fix
Урок 87. 00:11:27
Show Saved Cards 1
Урок 88. 00:02:17
Show Saved Cards 2
Урок 89. 00:08:01
Save Card During Payment
Урок 90. 00:05:50
Test Saved Card
Урок 91. 00:10:37
Pay With Saved Card & Wrap Up

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии