Menu
CoddyTech
ابدأ التعلم
flag Ar iconالعربيةdown icon
مسار تعليمي

خارطة طريق مطور Flutter

تعلّم Dart، ثم ابنِ تطبيقات Flutter تعمل على شاشة هاتف بجانب الكود: التخطيطات والتنقل والحالة والبيانات وأربعة تطبيقات كاملة.

ابدأ التعلم(مجاني)

71,280+ من الـ codders مسجلون في هذه الدورات

628 درسًا675 تحديات2,796 أسئلة الاختبار

خارطة طريق Flutter خطوة بخطوة

3 دورات12 أقسام628 درسًا675 تحديات2,796 أسئلة الاختبار

كل خطوة دورة على Coddy. يُحفظ تقدّمك لكل دورة.

  1. 1
    الخطوة 1

    أساسيات Dartصفحة مخصصة

    ابدأ هذه الخطوةابدأ    المتغيرات والأنواع والشروط والحلقات والدوال والقوائم والخرائط ومعالجة الأخطاء.ابدأصفحة مخصصة
    2 أقسام، بالترتيب
    1. الأساسيات94 درسًا122 تحديات574 أسئلة1 مشروع
    2. المنطق وتدفق التنفيذ65 درسًا61 تحديات342 أسئلة2 مشاريع
    159 درسًا183 تحديات916 أسئلة3 مشاريع
  2. 2
    الخطوة 2

    الأصناف في Dart

    ابدأ هذه الخطوةابدأ    الأصناف والكائنات والمُنشئات والوراثة وmixins: ما تُصنع منه كل واجهة في Flutter.ابدأ110 درسًا138 تحديات773 أسئلة1 مشروع
  3. 3
    الخطوة 3

    أول تطبيقات Flutter لكصفحة مخصصة

    ابدأ هذه الخطوةابدأ    الواجهات والنصوص والصفوف والأعمدة، ثم الأزرار وحقول النص والمفاتيح وsetState. ينتهي بحاسبة للبقشيش.ابدأصفحة مخصصة
    2 أقسام، بالترتيب
    1. تطبيقك الأول32 درسًا32 تحديات38 أسئلة1 مشروع
    2. إضافة التفاعلية34 درسًا34 تحديات51 أسئلة1 مشروع
    66 درسًا66 تحديات89 أسئلة2 مشاريع
  4. 4
    الخطوة 4

    الشاشات والتخطيط

    ابدأ هذه الخطوةابدأ    القوائم والبطاقات والشبكات والتنقل بين الشاشات والتبويبات وتخطيطات تناسب أي هاتف، مع السمات والوضع الداكن.ابدأ
    2 أقسام، بالترتيب
    1. القوائم والشاشات33 درسًا33 تحديات49 أسئلة1 مشروع
    2. تصميم يتكيف مع الشاشة30 درسًا30 تحديات34 أسئلة1 مشروع
    63 درسًا63 تحديات83 أسئلة2 مشاريع
  5. 5
    الخطوة 5

    إدارة الحالة

    ابدأ هذه الخطوةابدأ    رفع الحالة للأعلى، وProvider وRiverpod، ومتى تستخدم كلًا منهما. ينتهي بسلة تسوق تتشاركها شاشتان.ابدأ27 درسًا27 تحديات50 أسئلة1 مشروع
  6. 6
    الخطوة 6

    البيانات والشبكة

    ابدأ هذه الخطوةابدأ    Future وasync وawait وFutureBuilder، وتحويل JSON إلى أصناف Dart، والسحب للتحديث، والتواريخ والأسعار مع intl.ابدأ27 درسًا27 تحديات38 أسئلة1 مشروع
  7. 7
    الخطوة 7

    أربعة تطبيقات كاملة

    ابدأ هذه الخطوةابدأ    قائمة مهام واختبار ومتجر بسلة ومتتبع عادات، كل واحد يُبنى خطوة بخطوة.ابدأ36 درسًا36 تحديات37 أسئلة4 مشاريع
  8. 8
ما الذي تحصل عليه
كل ما ستستخدمه لتتعلّم البرمجة

تعلّم بالممارسة

اكتب أكواداً حقيقية، واستعلم من قواعد البيانات، وأنشئ مواقع ويب، وأتقن أوامر الذكاء الاصطناعي. دروسنا التفاعلية تغطي كل المهارات التي يحتاجها المطورون المعاصرون.

playground.js
محرر الأكواد
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
اختبار #1test Case Success icon
اختبار #2test Case Success icon
اختبار #3test Case Failure icon
الإدخال
"Alex"
الإخراج
"Hello, Coddy! Alex"

ابنِ سلسلتك

حافظ على الاستمرارية وشاهد تقدمك ينمو! تابع عادة البرمجة اليومية، واحمِ سلسلتك بأيام التجميد، واكسب مكافآت لحضورك كل يوم.

12 أيام متتالية

عُد غداً للحفاظ على سلسلتك!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

ضعف أو لا شيء

اليوم 5 من 7

fire Freeze icon

تجميد السلسلة

2 left

لست وحدك

تنافس على لوحات المتصدرين العالمية، وادعُ أصدقاءك لكسب المكافآت، واحتفلوا بإنجازات بعضكم. البرمجة أفضل مع الأصدقاء!

دوري المتحدّين
دوري المتحدّينأفضل 7 يتقدمون
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconمنطقة الترقيةleaderboard Arrow Up icon

كل طريقة للتعلّم

اقرأ، استمع، اختبر نفسك، اسأل الذكاء الاصطناعي، أو ابحث عما درسته من قبل. كل درس يتكيّف معك.

مقدمة للمتغيّرات
صوت

المتغيّر حاوية مسمّاة تخزّن قيمة يمكن الرجوع إليها لاحقًا في برنامجك.

في بايثون، تُنشئ واحدًا بكتابة الاسم ثم علامة يساوي ثم القيمة التي تريد تخزينها.

يمكن أن تتغيّر القيمة بمرور الوقت. إعادة الإسناد ببساطة توجّه الاسم إلى قيمة جديدة.

1xSarah

احصل على شهادتك

احصل على شهادات لكل دورة تكملها. أضفها إلى ملفك على LinkedIn وسيرتك الذاتية لعرض خبرتك البرمجية لأصحاب العمل.

Coddyشهادة إتمام
يُشهد بأنمحمد أحمدقد أتمّ بنجاح
python iconأساسيات Python
موثّق
التاريخيناير 2026
LinkedInأضف إلى LinkedIn

لماذا تتعلم Flutter على Coddy

  • يعمل تطبيقك على شاشة هاتف بجانب الكود، مع التشغيل وHot reload.
  • تنظر الفحوصات إلى ما يعرضه تطبيقك، فتعرف أن الشاشة تعمل وليس الكود فقط.
  • لا شيء لتثبيته: لا Android Studio ولا محاكي ولا هاتف.
  • عندما تتعثر، يشير Bugsy إلى المشكلة دون أن يكتب لك الإجابة.

أسئلة عن طريقك لتصبح مطور Flutter

ماذا يجب أن أتعلم لأصبح مطور Flutter؟

Dart أولًا، ثم واجهات Flutter وتخطيطاتها، والتنقل بين الشاشات، وإدارة الحالة، وتحميل البيانات من خادم. بعد ذلك Git، لأن كل فريق يستخدمه. يتبع هذا المسار هذا الترتيب.

هل أحتاج إلى معرفة البرمجة قبل هذا المسار؟

لا. الخطوة الأولى تعلّمك Dart من الصفر: المتغيرات والشروط والحلقات والدوال والأصناف.

كم من الوقت يستغرق تعلّم Flutter؟

نحو أربعة إلى ستة أشهر بمعدل ساعة يوميًا. تأخذ Dart أول شهرين، ومسار Flutter نحو ثلاثة أشهر أخرى.

هل يمكنني نشر هذه التطبيقات على App Store أو Google Play؟

نعم. الكود Flutter حقيقي. انسخه إلى مشروع Flutter على حاسوبك، ثم ابنِه لنظام Android أو iOS باستخدام Flutter SDK.

هل Flutter مفيد للحصول على وظيفة؟

Flutter من أكثر الطرق استخدامًا لبناء تطبيقات iOS وAndroid من قاعدة كود واحدة. كثير من الشركات الناشئة والوكالات توظّف له. يعلّمك هذا المسار المهارات، لا البحث عن عمل.

هل Coddy جزء من Google أو Flutter؟

لا. Coddy غير تابعة لشركة Google ولا معتمدة منها. Flutter علامة تجارية لشركة Google LLC.

مسارات تعليمية أخرى

الدورات نفسها مرتّبة لدور مختلف. يُحفَظ التقدّم: الدورة المُنجَزة في مسار تُحتسب في كل مسار يتضمّنها.

كل المسارات التعليمية
رسم توضيحي للغات البرمجة في Coddy

ابدأ مسار مطور تطبيقات Flutter مجانًا

ابدأ التعلّم