Flutter Payment Integration: Stripe, PayPal & More! [Arabic]

عن الدورة

💳 مرحبًا بك في دورة “دمج بوابات الدفع في Flutter”

في هذه الدورة الشاملة، ستغوص في عالم دمج بوابات الدفع داخل تطبيقات Flutter، وستتعلّم خطوة بخطوة كيفية ربط بوابات الدفع الأكثر شهرة — مثل Stripe وPayPal — بطريقة احترافية وقابلة لإعادة الاستخدام.

نركز في هذه الدورة على كتابة كود منظم ونظيف، وإنشاء وحدة دفع كاملة يمكن إعادة استخدامها بسهولة في تطبيقات أخرى دون الحاجة إلى كتابة الكود من جديد.

🧩 أبرز محاور الدورة:

فهم واضح لأهمية بوابات الدفع في تطبيقات Flutter الحديثة
التفريق بين بوابات الدفع والشراء داخل التطبيق (In-App Purchases) واختيار الحل الأنسب لمشروعك
التعرف على أشهر بوابات الدفع (Stripe وPayPal) وطريقة دمج كل منها
بناء وحدة دفع متكاملة تدعم كل من Stripe وPayPal داخل تطبيق حقيقي
تطبيق مبادئ البرمجة النظيفة (Clean Code) وأفضل الممارسات لكتابة كود قابل للصيانة والتوسّع
استخدام Cubit لإدارة الحالة بطريقة مرنة ومنظمة
تعلّم حلول واقعية للمشاكل الشائعة أثناء دمج بوابات الدفع
تطبيق عملي عبر مشاريع مصغرة وتمارين برمجية خطوة بخطوة تحاكي تجارب واقعية

🎯 بنهاية الدورة، ستكون قادرًا على:

دمج بوابات الدفع في تطبيقاتك باحتراف
إنشاء وحدة دفع مستقلة يمكن إعادة استخدامها
كتابة كود نظيف وآمن يدعم تجربة مستخدم سلسة
التعامل مع سيناريوهات الدفع الحقيقية بثقة

إظهار المزيد

كيفية دمج بوابات الدفع المختلفة في تطبيقات Flutter
فهم الفروقات بين بوابات الدفع وعمليات الشراء داخل التطبيق (In-App Purchases)
التعرف على أشهر بوابات الدفع ومزايا كل منها مثل Stripe وPayPal
التطبيق العملي لدمج بوابتي Stripe وPayPal داخل مشروع حقيقي باستخدام Flutter
كيفية اختيار بوابة الدفع الأنسب لتطبيقك حسب نوع المشروع والجمهور المستهدف
تبنّي أفضل الممارسات في كتابة الكود لضمان قابلية التوسعة وإعادة الاستخدام
استخدام Cubit لإدارة الحالة في جزء الدفع بشكل منظم واحترافي
التعامل مع الأخطاء والمشاكل الشائعة أثناء عمليات الدفع لضمان تجربة مستخدم سلسة

محتوى الدورة

Introduction

Important Links
Payment gateways vs In app purchase

06:01
Intro to payment gateways

07:47
Intro to payment gateways part two

07:04
Note

00:59

Building UI

Setup Figma

02:51
Figma design
Create my cart view

03:11
create app bar

04:55
create app stryles

08:14
create app bar part two

06:45
Display orders image

03:47
Create order info item

04:23
create total price widget

04:45
Create custom button

04:52
Expand Image

01:32
Overview about card ui

07:48
Create payment details view

03:14
Create payment item

05:45
in active and active payment method

05:22
Payment methods list view

10:53
select payment method

02:23
Flutter credit card part one

07:12
Flutter credit card part two

06:24
Display pay button

14:45
validate user input

07:30
Create thank you view

02:35
Custom shaped container

07:13
Custom shaped container part two

06:38
Create dashed line

08:54
Refactor code

04:04
Create payment item info

06:48
Create credit card info widget

05:53
Finish thank you card

08:29
Finish thank you view

06:07
Finish checkout payment ui

04:41

Stripe Integration

UI Repo
Overview about payment gateways

03:12
Supported countries

08:13
Flutter stripe sdk

06:25
Add stripe package part one

11:40
Add stripe package part two

01:34
Create account

05:57
Stripe payment flow

10:43
Payment intent

04:28
Init payment sheet

09:12
Present Payment sheet

02:52
Create payment intent Models

08:18
Create stripe service

03:09
Create api service

06:18
Test create payment intent

05:17
Implement payment intent

06:43
Implement init payment sheet

02:10
Implement display payment sheet

00:58
Create payment intent method

03:06
Create checkout repo

03:50
Create checkout repo impl

01:54
Create checkout cubit

03:30
Trigger payment cubit

05:27
Trigger payment cubit part two

02:25
Integrate checkout cubit

09:29
Save card info part one

14:43
Save card part two

08:52
Create customer

06:46
Edit create payment intent method

02:53
Create ephemeral key model

06:47
Create ephemeral key Method

05:45
Edit init payment sheet

07:40
Finish stripe payment

03:54

Paypal Integration

Paypal

03:19
Create account

04:46
Add Flutter paypal payment

03:19
Overview

05:53
Create transaction models

12:54
Refactor code

04:54
Exceute payment

11:28
More Details

05:01
Update payment method

13:30
navigate to thank you view

08:45
finish app

08:35

أضف هذه الشهادة إلى سيرتك الذاتية لتُظهر مهاراتك وتزيد من فرصك في لفت الانتباه.

Flutter Payment Integration: Stripe, PayPal & More! [Arabic]

عن الدورة

💳 مرحبًا بك في دورة “دمج بوابات الدفع في Flutter”

🧩 أبرز محاور الدورة:

🎯 بنهاية الدورة، ستكون قادرًا على:

ماذا سوف تتعلم؟

محتوى الدورة

Introduction

Important Links

Payment gateways vs In app purchase

Intro to payment gateways

Intro to payment gateways part two

Note

Building UI

Setup Figma

Figma design

Create my cart view

create app bar

create app stryles

create app bar part two

Display orders image

Create order info item

create total price widget

Create custom button

Expand Image

Overview about card ui

Create payment details view

Create payment item

in active and active payment method

Payment methods list view

select payment method

Flutter credit card part one

Flutter credit card part two

Display pay button

validate user input

Create thank you view

Custom shaped container

Custom shaped container part two

Create dashed line

Refactor code

Create payment item info

Create credit card info widget

Finish thank you card

Finish thank you view

Finish checkout payment ui

Stripe Integration

UI Repo

Overview about payment gateways

Supported countries

Flutter stripe sdk

Add stripe package part one

Add stripe package part two

Create account

Stripe payment flow

Payment intent

Init payment sheet

Present Payment sheet

Create payment intent Models

Create stripe service

Create api service

Test create payment intent

Implement payment intent

Implement init payment sheet

Implement display payment sheet

Create payment intent method

Create checkout repo

Create checkout repo impl

Create checkout cubit

Trigger payment cubit

Trigger payment cubit part two

Integrate checkout cubit

Save card info part one

Save card part two

Create customer

Edit create payment intent method

Create ephemeral key model

Create ephemeral key Method

Edit init payment sheet

Finish stripe payment

Paypal Integration