دسترسی سریع:

مسیر:

صفحه اصلی

لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در کانال تلگرام عضو شوید.

آموزش ساخت صفحه فرود محصول با قابلیت پرداخت آنلاین Stripe - آخرین آپدیت

دانلود Build a Product Landing Page with Stripe Integration

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: به‌روزرسانی شده در می ۲۰۲۵. این دوره اکنون دارای قابلیت Coursera Coach است! روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و لحظه‌ای که به شما کمک می‌کند دانش خود را بسنجید، فرضیات را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیق‌تر کنید. در این دوره عملی، شما یاد می‌گیرید که چگونه یک صفحه فرود (Landing Page) محصول کاملاً کاربردی را با ادغام سیستم پرداخت Stripe بسازید. ساختار دوره به‌گونه‌ای است که شما را از راه‌اندازی اولیه پروژه تا یکپارچه‌سازی کامل Stripe برای مدیریت پرداخت‌ها همراهی می‌کند. شما یک صفحه فرود حرفه‌ای خواهید ساخت که شامل بخش‌های کلیدی مانند بخش Hero (بخش اصلی)، پیش‌نمایش فصل‌ها، اطلاعات نویسنده و سوالات متداول (FAQ) است و در عین حال از محتوای پویا و تعامل‌پذیری با استفاده از Svelte بهره می‌برد. شما کار خود را با راه‌اندازی پروژه، کار با Svelte و استفاده از CSS reset برای استایل‌دهی یکپارچه شروع خواهید کرد. از آنجا، بخش Hero، پیش‌نمایش فصل‌ها و بخش‌های «درباره نویسنده» و FAQ را ساخته و استایل‌دهی می‌کنید. همچنین یاد می‌گیرید چگونه از زبان قالب‌بندی Svelte برای ایجاد کامپوننت‌های قابل استفاده مجدد و رندر کردن پویا محتوا بر اساس ورودی کاربر استفاده کنید تا صفحه شما تعاملی و جذاب شود. پس از آماده شدن ساختار و طراحی صفحه، وارد مرحله ادغام پرداخت‌های Stripe می‌شوید. یاد می‌گیرید چگونه حساب Stripe بسازید، مفاهیم اصلی ادغام Stripe را درک کنید و کدهای لازم برای پردازش پرداخت‌ها را بنویسید. همچنین یاد می‌گیرید صفحات موفقیت و شکست پس از پرداخت را مدیریت کنید و Webhookهای Stripe را برای دریافت اعلان‌های رویداد پرداخت پیکربندی نمایید. این دوره برای توسعه‌دهندگانی که علاقه‌مند به ساخت صفحات فرود مدرن و پویا با قابلیت پرداخت آنلاین هستند، ایده‌آل است. در پایان دوره، شما قادر خواهید بود پروژه خود را روی Vercel مستقر کنید و با استفاده از SendGrid، اعلان‌های ایمیلی را برای تحویل خودکار محصولات دیجیتال پس از پرداخت موفق، خودکارسازی کنید.

سرفصل ها و درس ها

پروژه ۱: صفحه فرود محصول با ادغام Stripe Project 1: Product Landing Page with Stripe Integration

مرور پروژه: صفحه فرود برای محصول دیجیتال با قابلیت پرداخت Project Overview: Landing Page for Digital Product with Payment Integration
اختیاری: در صورتی که نمی‌خواهید هیچ CSS بنویسید Optional: In Case You Do Not Want to Write Any CSS
شروع کار: راه‌اندازی اولیه پروژه (Svelte و CSS Reset) Getting Started - Initial Project Setup (Svelte & CSS Reset)
بخش Hero: ساختار HTML Hero Section - HTML Structure
بخش Hero: استایل‌دهی Hero Section - Styling
ایجاد یک دکمه قابل استفاده مجدد: HTML Creating a Reusable Button - HTML
دکمه: استایل‌دهی Button - Styling
بخش پیش‌نمایش فصل‌ها Chapter Preview Section
پیش‌نمایش فصل‌ها: استایل‌دهی Chapter Preview - Styling
پیش‌نمایش فصل‌ها: زبان قالب‌بندی Svelte و استفاده از کلمه کلیدی #each Chapter Preview - Svelte Templating Language - Usage of #each Keyword
پیش‌نمایش فصل‌ها: رندر کردن پویا محتوا بر اساس ورودی کاربر Chapter Preview - Render Content Dynamically on User Input
پیش‌نمایش فصل‌ها: مدیریت State برای ساده‌سازی ساختار کد Chapter Preview - Derive State to Simplify Code Structure
بخش درباره نویسنده: ساختار HTML About the Author Section - HTML Structure
بخش درباره نویسنده: استایل‌دهی About the Author Section - Styling
بخش سوالات متداول (FAQ): ساختار HTML FAQ Section - HTML Structure
بخش سوالات متداول (FAQ): استایل‌دهی FAQ Section - Styling
بخش سوالات متداول (FAQ): عملکرد و قابلیت‌ها FAQ Section - Functionality
راه‌اندازی حساب Stripe Stripe Account Setup
توضیح مفهومی ادغام پرداخت با Stripe Payment Integration with Stripe Conceptually Explained
کدنویسی ادغام با Stripe Stripe Integration Code
صفحات موفقیت و شکست پس از پرداخت Success & Failure Pages After Payment
ثبت‌نام در SendGrid و ساخت API Key SendGrid Account Registration & API Key Creation
استقرار روی Vercel و تنظیم Webhook در Stripe Deployment to Vercel & Setup of Stripe Webhook
ارسال ایمیل حاوی محصول دیجیتال از طریق Webhook پرداخت Stripe Send Out Email with Digital Product on Payment Webhook from Stripe

برای ارسال نظر ثبت نام کنید.

نمایش نظرات

آموزش ساخت صفحه فرود محصول با قابلیت پرداخت آنلاین Stripe

جزییات دوره

زمان دوره: 4h 42m

تعداد ویدیو ها: 24

شرکت: Coursera (کورسرا)

تاریخ انتشار مرجع: (آخرین آپدیت)

بازدید مرجع : 231

امتیاز مرجع: - از 5

فایل تمرین: دارد

زیرنویس زبان اصلی: دارد

زیرنویس فارسی: (توسط هوش مصنوعی) دارد

مدرس: Chris Croft

لینک کوتاه این دوره

https://donyad.com/d/8d4c37

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

نرم افزارهای مورد نیاز

آموزش ساخت صفحه فرود محصول با قابلیت پرداخت آنلاین Stripe - آخرین آپدیت

دانلود Build a Product Landing Page with Stripe Integration

پروژه ۱: صفحه فرود محصول با ادغام Stripe Project 1: Product Landing Page with Stripe Integration

مرور پروژه: صفحه فرود برای محصول دیجیتال با قابلیت پرداخت Project Overview: Landing Page for Digital Product with Payment Integration

اختیاری: در صورتی که نمی‌خواهید هیچ CSS بنویسید Optional: In Case You Do Not Want to Write Any CSS

شروع کار: راه‌اندازی اولیه پروژه (Svelte و CSS Reset) Getting Started - Initial Project Setup (Svelte & CSS Reset)

بخش Hero: ساختار HTML Hero Section - HTML Structure

بخش Hero: استایل‌دهی Hero Section - Styling

ایجاد یک دکمه قابل استفاده مجدد: HTML Creating a Reusable Button - HTML

دکمه: استایل‌دهی Button - Styling

بخش پیش‌نمایش فصل‌ها Chapter Preview Section

پیش‌نمایش فصل‌ها: استایل‌دهی Chapter Preview - Styling

پیش‌نمایش فصل‌ها: زبان قالب‌بندی Svelte و استفاده از کلمه کلیدی #each Chapter Preview - Svelte Templating Language - Usage of #each Keyword

پیش‌نمایش فصل‌ها: رندر کردن پویا محتوا بر اساس ورودی کاربر Chapter Preview - Render Content Dynamically on User Input

پیش‌نمایش فصل‌ها: مدیریت State برای ساده‌سازی ساختار کد Chapter Preview - Derive State to Simplify Code Structure

بخش درباره نویسنده: ساختار HTML About the Author Section - HTML Structure

بخش درباره نویسنده: استایل‌دهی About the Author Section - Styling

بخش سوالات متداول (FAQ): ساختار HTML FAQ Section - HTML Structure

بخش سوالات متداول (FAQ): استایل‌دهی FAQ Section - Styling

بخش سوالات متداول (FAQ): عملکرد و قابلیت‌ها FAQ Section - Functionality

راه‌اندازی حساب Stripe Stripe Account Setup

توضیح مفهومی ادغام پرداخت با Stripe Payment Integration with Stripe Conceptually Explained

کدنویسی ادغام با Stripe Stripe Integration Code

صفحات موفقیت و شکست پس از پرداخت Success & Failure Pages After Payment

ثبت‌نام در SendGrid و ساخت API Key SendGrid Account Registration & API Key Creation

استقرار روی Vercel و تنظیم Webhook در Stripe Deployment to Vercel & Setup of Stripe Webhook

ارسال ایمیل حاوی محصول دیجیتال از طریق Webhook پرداخت Stripe Send Out Email with Digital Product on Payment Webhook from Stripe

نمایش نظرات

https://donyad.com/d/8d4c37

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar