طارق العبدأكاديمية
IntermediateGoogle Developer Expert · Flutter & Dart

ابنِ واجهات Flutter باحترافية —
وأطلق تطبيق Food Delivery حقيقي.

انتقل من الـ Widgets الأساسية إلى تطبيق Food Delivery احترافي جاهز للإنتاج. ستتقن الـ Layouts والـ Theming والخطوط وتنسيق Material 3 — ثم تتعمّق في كيفية بناء Flutter للواجهات وإعادة بنائها فعلياً، وتطلق تطبيقاً متعدّد الشاشات مع Navigation وبيانات ديناميكية وفلترة بالفئات. هذا هو الكورس الذي ينقلك من مرحلة 'أعرف setState' إلى 'أستطيع بناء أي واجهة أتخيّلها'.

4.9(516 تقييم)تحديث مايو 2026
  • ~15ساعة
  • 1تطبيق حقيقي
  • 69درس
  • 3وحدة

هل يبدو هذا مألوفًا؟

لماذا تبدو واجهاتك هاوية.

تعرف الـ Widgets، لكن النتيجة لا تشبه التطبيقات الاحترافية. الفرق ليس في الموهبة، بل في إتقان الـ Layout والتفاصيل.

  • واجهاتك تعمل… لكنها تبدو هاوية

    تبني الشاشة فتظهر باهتة وغير متناسقة، بعيدة كل البعد عن أناقة التطبيقات التي تستخدمها يوميًا. تعرف الـ Widgets لكنك لا تتقن التفاصيل.

  • تحارب الـ Layout في كل شاشة

    أخطاء Overflow، وحيرة بين Row و Column و Expanded، وبكسلات لا تنضبط. تقضي ساعات في ما يجب أن يستغرق دقائق.

  • تستطيع التقليد لا الإبداع

    تنسخ تصميمًا من درس بسهولة، لكن حين تحاول بناء واجهتك الخاصة من فكرة أو تصميم Figma تتجمّد ولا تعرف من أين تبدأ.

هل هذا لك؟

لمن هذه الدورة.

هذا لك إذا…

  • تعرف أساسيات Flutter وتريد بناء واجهات احترافية تشبه التطبيقات الحقيقية.
  • تتقن setState وتريد أن تصبح قادرًا على بناء أي تصميم تتخيّله.
  • تحارب الـ Layout وتريد أن تفهم كيف يبني Flutter الواجهة فعلًا.

هذا ليس لك إذا…

  • كنت مبتدئًا تمامًا في Flutter — ابدأ بدورة «تطبيقك الأوّل» أولًا.
  • تبني واجهات احترافية معقّدة بثقة بالفعل.
  • تبحث عن الـ State Management أو الـ Backend لا عن الواجهات.

تطبيق حقيقي واحد

ما الذي ستبنيه.

ليست تطبيقات تجريبية — كل مشروع كود حقيقي تنشره على App Store وتضعه في سيرتك الذاتية وتعرضه في المقابلات.

  • تطبيق Food Delivery

    تطبيق Food Delivery متكامل مع App Bar و Drawer منسّقَين، وكتالوج منتجات بـ GridView، ونظام Favorites يعمل بـ State صحيح، وصفحة Food Details، وفلترة بالفئات، و Theming مخصّص بـ Material 3 وخطوط جديدة — مبني من مشروع Flutter فارغ وحتى تطبيق متعدّد الشاشات احترافي.

    • Flutter
    • Material 3
    • GridView
    • Theming
    • Navigation
    • Custom Fonts

دليل أنه يعمل

أين أصبح الخريجون الآن.

أكثر من 2,400 مسجَّل. هذه هي النتائج التي تهم — وظائف جديدة وترقيات وأول عميل عمل حر.

  • حصل على أول وظيفة Flutter بعد 3 أشهر من إتمام الدبلومة

    انتقلت من صفر خبرة احترافية إلى اجتياز المقابلة التقنية الكبيرة لـ Flutter. وحدة الـ Architecture وحدها غيّرت طريقة تفكيري في الكود.

    أحمد حسن

    Vodafone Egypt

  • مبتدئة → مبرمجة موبايل متوسطة في 8 أشهر

    دورة الـ State Management أزالت سنتين من الارتباك في عطلة نهاية أسبوع واحدة. نشرت أول ميزة حقيقية للمستخدمين في الأسبوع التالي.

    سارة السيد

    Careem

  • مبرمج Flutter مستقل — أول عميل خلال 6 أسابيع

    أنهيت الدبلومة وخلال ستة أسابيع حصلت على أول مشروع Flutter مدفوع. التطبيقات الحقيقية والـ Architecture صنعا الفارق في مكالمات العملاء.

    عمر مصطفى

    مستقل

أين يعمل خريجونا الآن

  • Vodafone Egypt
  • Careem
  • Talabat
  • STC
  • Jahez
  • Aramex
  • Etisalat
  • العمل الحر

المنهج

محتوى الدورة.

3 وحدة72 درس~15 ساعة مدّة إجمالية2 دروس معاينة مجانية
    • Section Introمعاينة
    • Most Useful Flutter Widgets
    • Planning the Food Delivery Appمعاينة
    • Creating a new project & architecture
    • GitHub Repo — Resources & Links
    • Drawer & styling the App Bar
    • Adding the app banner (image)
    • Adding a basic GridView
    • Enhance the GridView item
    • Working with GridView.builder & adding items
    • Separating widgets & adding const
    • Adding the BottomNavBar
    • Integrating the BottomNavBar with the app
    • Using MediaQuery
    • Making the Column scrollable with GridView
    • Adding the Favorite item
    • Mapping Favorite data into a List<Widget>
    • Show only Favorite food
    • Adding the Favorite icon with Stack
    • Adding Favorite logic with copyWith
    • Passing the index instead of the data type
    • Un-Favorite icon
    • Finalizing Un-Favorite logic (List operations)
    • Adding the empty state
    • Adding a decorated image
    • Building & styling texts
    • Working with ListTile & Divider
    • Overview of Theme
    • Configuring & using Themes
    • Using Component Themes
    • Working with Text Themes
    • Adding new fonts
    • Working with Material 3 (Flutter Forward 2023)
    • Section Quiz

مخرجات التعلّم

ما الذي ستتعلّمه.

في النهاية ستصبح قادرًا على بناء أي واجهة تتخيّلها — وتجعلها تبدو كالتطبيقات الاحترافية التي يستخدمها الناس فعلًا.

  • بناء واجهة Food Delivery احترافية حقيقية شاشةً بشاشة
  • إتقان الـ Layout: Row و Column و Stack و Expanded — دون أخطاء Overflow
  • تنسيق التطبيقات باحتراف عبر الـ Themes والخطوط المخصّصة والمسافات
  • تحويل أي تصميم أو ملف Figma إلى واجهة دقيقة بالبكسل
  • التنقّل بين شاشات متعدّدة وتمرير البيانات بينها بشكل نظيف
  • فهم كيف يرسم Flutter شجرة الـ Widgets تحت الغطاء

مدرِّبك

تعرَّف على طارق العبد.

طارق العبد، المدرِّب
خبير Google المعتمد · Flutter و Dart

خبير Google المعتمد في Flutter و Dart. علّمتُ أكثر من مليون طالب عبر الإنترنت، وأكثر من 4000 حضوريًّا — وبنيتُ هذه الدبلومة بعدما أدركتُ أن معظم دورات Flutter تُعلّم الـ Widgets، لا الهندسة الحقيقية.

12 عامًا في بناء تطبيقات حقيقية — لا نماذج تجريبية. 6 منها داخل الدبلومة، ستبنيها معي بنفسك.

  • 12+
    سنة خبرة
  • 6+
    تطبيق حقيقي
  • 4K+
    طالب حضوريّ
طارق العبد · خبير Google المعتمد لـ Flutter و Dart

طارق العبد · خبير Google المعتمد لـ Flutter و Dart

لماذا بنيت هذه الدبلومة

قصة البداية الحقيقية.

لم أكن خبيرًا معتمدًا من Google حين بدأت التدريس. كنت مبرمجًا اعتاد أن يشرح للزملاء، ثم للأصدقاء، ثم لكاميرا. كانت الفيديوهات الأولى متواضعة والجمهور صغيرًا، لكنّ الأسئلة كشفت لي شيئًا مهمًا: المشكلة لم تكن في عجز الناس عن تعلّم Flutter، بل في أن المواد المتاحة لم تعلّمهم كيف يفكّر المهندسون فعلًا.

بعد 4000 طالب حضوريّ — فصول حقيقية وملاحظات حقيقية وإحباط حقيقي — عرفت بالضبط أين يتعثّر الناس. ليس في الـ Widgets، بل في الـ Architecture والـ State Management، وفي الهوّة بين «أنهيت الدرس» و«أستطيع بناء شيء حقيقي». الدبلومة موجودة لردم هذه الهوّة.

لم أبنِ الدبلومة لأعلّم الـ Syntax في Flutter. بنيتها لأعلّم كيف يفكّر المهندسون المحترفون.

طارق العبد، خبير Google المعتمد لـ Flutter و Dart

شهادات الطلاب

ما يقوله المبرمجون.

4.9من أكثر من 500 تقييم من الطلاب
  • Ahmad

    السلام عليكم ورحمة الله وبركاته، حاب أشكر الأستاذ على المجهود الرائع في دورة Flutter وDart. الكورس كان شامل ومتكامل، وغطى كل شيء من الأساسيات إلى المواضيع المتقدمة بشكل سلس وواضح. تعلمت Dart Basics، Flutter Basics، إدارة الحالة، Git & GitHub، تصميم تطبيقات عملية، واستخدام Firebase في ربط التطبيقات. أيضًا تعلمت التعامل مع HTTP Requests، Local Databases، إضافة Animations، وميزات الجهاز، إلى جانب بناء تطبيقات e-commerce، والتعامل مع واجهات المستخدم بشكل احترافي. الكورس فعلاً متكامل لكل المستويات، ويوفر تجربة تعليمية غنية وممتعة. أنصح أي شخص حاب يطور مهاراته في البرمجة أو يدخل مجال تطوير التطبيقات إنه يشترك في الكورس، لأنه فعلاً يستحق.

  • Mohamed Samir Ibrahim Mostafa

    This course is an amazing Flutter course! The explanation are clear. and the example are practical. I really liked how the instructor responded to question in Q&A section. Overall, I highly recommend this course to anyone.

  • Wael

    أهم ما فى الكورسات المدفوعة التواصل بين المحاضر والطلبة والتواصل بين الباشمهندس طارق العبد اكثر من ممتاز يستمع للجميع ويجيب على التساؤلات بالتفصيل ويعطى نصائح تختصر الوقت على الدارسين .

  • Abdallah

    One of the best courses I have ever shared in my life in terms of meeting and simplifying information. Thank you very much to engineer Tariq Al-Abdul for this great effort. ❤️❤️

  • Khaleel

    It's really powerful course and amazing developer with easy explanations, anyone can easily understanding and start with flutter. I highly recommend ! Thank You!!!

  • Abdulateef

    كورس ممتاز جدا يشرح بسلاسة و يطابق افكار الجميع يشرح متطلبات سوق العمل و كيف تضع خطة لاستلام مشروع من العميل و انصح الاشخاص الذين يريدون تعلم مجال flutter بالاشتراك

  • Fatma

    The instructor's brilliantly simple method of illustrating the concept has me feeling genuinely excited about the course content

  • Odama

    very good course with excellent teacher, he knows what he is doing also how to deliver the information to the student,

  • Ahmed

    ربنا يبارك فيك يا بشمهندس ويكرمك دنيا و آخرة يا رب. دورة مذهلة و فوق التوقعات و الجوده ممتازة و المحتوى ممتاز.

  • عبدالعزيز اشرف مصطفي

    جزاك الله خيرا يابشمهندس .. الكورس فاق التوقعات اسلوب شرح رائع ومنظم ..وجودة فيديوهات جميله جدا

  • Yasen

    كورس في قمة الروعة إتعلمت فيه ال state management, Firebase, API, local database ولسة مكمل

  • Mohamed

    انت انسان جميل ومحترم, ربنا يرفع قدرك ويعلمك ما ينفعك وينفعك بما علمك. شرحك جميل ومبسط

  • 7amzahwji

    شرح جميل و منظم و مازلت في استكمال باقي الكورس

  • Mohammad

    الكورس ممتع منذ البداية بالتوفيق للجميع

  • Marwan Muhammad

    simple explaining and great instructor

  • Mohamed

    افضل دبلومة شفتها في الوطن العربي 100%

  • Antonious

    احلى كورس فى العالم شكرا مهندس طارق

  • Amr Mohamed

    على الله توكلنا ربنا ينفع بكم يا رب

  • Mohamed

    great intro and great explanation

  • Abdelrahman

    كورس زبادي بالخلاط حرفياً 😂❤️

  • Yasser

    Great course, great pace

  • El Moussaoui

    محترف بكل معنى الكلمة

  • Yusif Muhamed

    So far, So good!

  • Abdelrhaman

    awesome <3

  • Taha Hamada

    love this

  • Maiiada

    Excellent

  • Abdalmonia

    رائع جدا

  • Mohamed

    Awesome

  • Mahmud

    thank

التسعير

تسعير بسيط ودفعة واحدة.

بلا اشتراكات. ادفع مرة واحدة وتعلّم إلى الأبد.

دفعة واحدة

هذه الدورة

$19$39

≈ 970 EGP

وفّر $20

  • بناء واجهة Food Delivery احترافية حقيقية شاشةً بشاشة
  • إتقان الـ Layout: Row و Column و Stack و Expanded — دون أخطاء Overflow
  • تنسيق التطبيقات باحتراف عبر الـ Themes والخطوط المخصّصة والمسافات
  • تحويل أي تصميم أو ملف Figma إلى واجهة دقيقة بالبكسل
  • التنقّل بين شاشات متعدّدة وتمرير البيانات بينها بشكل نظيف
  • وصول مدى الحياة — مع كل تحديث مستقبلي مجانًا
  • ضمان استرداد المبلغ خلال 7 أيام — بلا أي مخاطرة
سجّل الآن

حزمة Flutter الكاملة

$129$160

≈ 6,580 EGP

وفّر $31 — احصل على الكورسات الـ 10 كاملةً مع بونصات التوظيف

بقية محتوى الحزمة

  • إتقان لغة Dart — من الصفر إلى البرمجة الكائنية OOP$15
  • ابنِ أول تطبيق Flutter — تطبيق Quiz$19
  • تطبيقات Flutter Responsive و Adaptive$12
  • State Management باستخدام Bloc و Cubit — تطبيق E-Commerce$19
  • Firebase مع Flutter — Auth و Firestore و Messaging$17
  • REST APIs والتخزين المحلي — تطبيق News$17
  • ابنِ تطبيق محادثة AI باستخدام Flutter و Gemini$15
  • ابنِ تطبيق Social Media باستخدام Flutter و Supabase$17
  • اللمسة الأخيرة لتطبيق Flutter — Animations والنشر على المتاجر$10
  • بونص — Git و GitHub للمطورينFree
  • بونص — كورس مكثّف في LinkedInBonus
  • بونص — كورس مكثّف في كتابة الـ CVBonus
احصل على الحزمة — $129

الأسئلة الشائعة

الأسئلة الأكثر تكرارًا.

  • مدى الحياة. بمجرد تسجيلك تمتلك الدورة للأبد — بما في ذلك جميع التحديثات المستقبلية. في كل مرة يُصدر Flutter نسخة رئيسية، يُعاد تسجيل الوحدات المتأثرة وتُخطَر بذلك.

ضمان استرداد المبلغ خلال 7 أيام

ليست الدورة المناسبة لك؟ راسلنا خلال 7 أيام لاسترداد كامل المبلغ. بلا أسئلة وبلا تعقيد — رد سريع واسترداد كامل.

خبير Google المعتمد · Flutter و Dart

مسيرتك في Flutter
تبدأ اليوم.

انضمّ إلى +2,400 مبرمج اختاروا تعلّم Flutter بالطريقة الصحيحة — بكود احترافي وتطبيقات حقيقية وخبير Google المعتمد.

  • ضمان استرداد المبلغ خلال 7 أيام
  • وصول مدى الحياة
  • مجتمع خاص مشمول