К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build a Product Landing Page with Stripe Integration · LearnSpace
Назад в каталог
courseraПрограммирование

Build a Product Landing Page with Stripe Integration

Курс от Packt
Средний≈ 5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this hands-on course, you'll learn how to create a fully functional product landing page with Stripe payment integration. The course is structured to take you from the initial project setup to the complete integration of Stripe for handling payments. You'll build a polished landing page that features several key sections, such as the hero section, chapter previews, author information, and FAQs while incorporating dynamic content and interactivity using Svelte. You’ll begin by setting up your project, working with Svelte, and a CSS reset for consistent styling. From there, you'll build and style the hero section, chapter previews, and the "About the Author" and FAQ sections. You'll also learn how to use Svelte's templating language to create reusable components and dynamically render content based on user inputs, making your page interactive and engaging. Once the page structure and design are in place, you'll dive into integrating Stripe payments. Learn how to set up a Stripe account, understand the core concepts of Stripe integration, and write the necessary code to process payments. You’ll also learn to handle success and failure pages post-payment and configure Stripe webhooks for payment event notifications. This course is ideal for developers interested in building dynamic, modern landing pages with payment integrations. By the end of the course, you’ll be able to deploy your project on Vercel and automate email notifications with SendGrid for seamless digital product delivery upon successful payments.

Навыки, которые вы освоите

Payment SystemsCascading Style Sheets (CSS)Email AutomationFront-End Web DevelopmentWebhook SecurityHTML and CSSApplication DeploymentCode ReusabilityFrontend IntegrationTransaction ProcessingWeb LanguageUI Components

Программа курса

1 модулей · 30 учебных материалов

01Project 1: Product Landing Page with Stripe Integration30 материалов

Project 1: Product Landing Page with Stripe Integration

Introduction to the course 'Build a Product Landing Page with Stripe Integration'ЧтениеFull Course Resources SpecializationЧтениеProject Overview: Landing Page for Digital Product with Payment IntegrationВидеоOptional: In Case You Do Not Want to Write Any CSSВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Build a Product Landing Page with Stripe Integration
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 5 ч

1 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский, Казахский

Часть программы вашего университета
Getting Started - Initial Project Setup (Svelte & CSS Reset)Видео
Hero Section - HTML StructureВидео
Hero Section - StylingВидео
Creating a Reusable Button - HTMLВидео
Button - StylingВидео
Chapter Preview SectionВидео
Chapter Preview - StylingВидео
Chapter Preview - Svelte Templating Language - Usage of #each KeywordВидео
Chapter Preview - Render Content Dynamically on User InputВидео
Chapter Preview - Derive State to Simplify Code StructureВидео
About the Author Section - HTML StructureВидео
About the Author Section - StylingВидео
FAQ Section - HTML StructureВидео
FAQ Section - StylingВидео
FAQ Section - FunctionalityВидео
Stripe Account SetupВидео
Payment Integration with Stripe Conceptually ExplainedВидео
Stripe Integration CodeВидео
Success & Failure Pages After PaymentВидео
SendGrid Account Registration & API Key CreationВидео
Deployment to Vercel & Setup of Stripe WebhookВидео
Send Out Email with Digital Product on Payment Webhook from StripeВидео
Conclusion to the Course 'Build a Product Landing Page with Stripe Integration'Чтение
Creating a Landing Page with Sweltkit and Stripe IntegrationDIALOGUE
Full Course Practice AssessmentЗадание
Full Course AssessmentЗадание