Menu
CoddyTech
ابدأ التعلم
flag Ar iconالعربيةdown icon
swift iconجزء من رحلة Swiftجديدرحلة

تعلّم SwiftUI

دورة SwiftUI مجانية وتفاعلية. اكتب كود SwiftUI حقيقيًا في كل درس، وشاهد الشاشة التي يبنيها في معاينة هاتف حية، واضغط عليها لترى الحالة تتغيّر. دون الحاجة إلى Mac أو Xcode، مع تلميحات الذكاء الاصطناعي عندما تتعثر وشهادة مجانية عند الانتهاء.

ابدأ التعلم(مجاني)
عرض المنهجPlayground لـ مقدمة إلى SwiftUI

4,496+ من الـ codders مسجلون

50 درسًا50 تحديات106 أسئلة الاختبار

  • مناسب للمبتدئين
  • sparkles iconمساعدة برمجية بالذكاء الاصطناعي
  • hint iconدروس تفاعلية عملية
  • quiz iconاختبارات لقياس معرفتك
  • certificate iconشهادة إتمام مجانية

المنهج

1 أقسام1 مشاريع50 درسًا50 تحديات106 أسئلة الاختبار

هذا القسم جزء من رحلة Swift. المنهج الكامل يحتوي على أقسام أكثر - اضغط على أي معاينة أدناه لعرضها في صفحة الرحلة.

  1. قسم 1الأساسيات86 درسًا
  2. قسم 2المنطق وتدفق التنفيذ56 درسًا
  3. قسم 3البرمجة كائنية التوجه57 درسًا
  4. قسم 4

    مقدمة إلى SwiftUI

    ابدأ القسمابدأتوسيعطي    أنشئ شاشات التطبيقات في Swift باستخدام SwiftUI: العروض والمعدِّلات، والمكدسات وتنسيق التخطيط، والحالة والأزرار، وحقول النص ومفاتيح التبديل، والقوائم، والتنقل، والبيانات المشتركة. كل درس عبارة عن شيفرة SwiftUI حقيقية تُعاين مباشرة.50 درسًا50 تحديات106 أسئلة1 مشروع

    مقدمة

    2 درسًا28

    عرض المحتوى

    6 درسًا615

    المكدسات والتخطيط

    5 درسًا512

    المعدِّلات

    5 درسًا512

    الحالة والأزرار

    5 درسًا512

    إدخال المستخدم

    5 درسًا512

    القوائم

    5 درسًا512

    التنقل

    5 درسًا512

    مشاركة البيانات

    4 درسًا49

    مشروع - مقهى كودي

    مشروع5 درسًا52

    التحديات النهائية

    3 درسًا3
عرض منهج رحلة Swift كاملاً
ما الذي تحصل عليه
كل ما ستستخدمه لتتعلّم البرمجة

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

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

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

برمج في أي مكان

خذ رحلة البرمجة معك أينما ذهبت! لا إعداد، لا تنزيلات - فقط افتح وابدأ البرمجة. متوفر على iOS وAndroid والويب بتقييم 4.9 نجوم.

Python
7السلسلة
250النقاط
5الطاقة
المتغيرات
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
متابعة
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
الرحلة
الأهداف
لوحة المتصدرين
الملف الشخصي
4.9
نجمةنجمةنجمةنجمةنجمة
التقييم

لست وحدك

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

دوري المتحدّين
دوري المتحدّينأفضل 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

لماذا تتعلم SwiftUI مع Coddy

  • ابنِ شاشات تطبيقات iPhone في متصفحك. لا حاجة إلى Mac ولا Xcode ولا إلى إعداد محاكي: يُترجَم كودك على خوادمنا وتعرض المعاينة الشاشة التي يصفها، لذا يمكنك تعلّم SwiftUI على Windows أو Linux أو Chromebook.
  • SwiftUI الذي تستخدمه في كل شاشة: النصوص والخطوط والألوان وSF Symbols، وstacks والمحاذاة وSpacer، وسلسلة المعدِّلات ولماذا يهم ترتيبها، والأزرار و@State، وحقول النص ومفاتيح التبديل وأشرطة التمرير وأدوات الاختيار، وForEach وList، وNavigationStack، والنوافذ المنبثقة والتنبيهات، ثم @Binding والكائنات القابلة للمراقبة لمشاركة البيانات بين العروض.
  • معاينة حية تستجيب للّمس. اضغط زرًا أو غيّر مفتاح تبديل في المعاينة فيُعاد رسم العرض بحالته الجديدة، فترى كيف تعمل الواجهة التصريحية بدل أن تقرأ عنها فقط. ويمكنك التبديل إلى إطار الهاتف وحفظ لقطة شاشة لما بنيته.
  • تطبيقات صغيرة على طول الطريق، من بطاقة سعر وبطاقة طقس إلى عدّاد نقاط وقائمة تسوّق ودليل نباتات، ثم تطبيق طلب قهوة متعدد الشاشات كمشروع نهائي، وشهادة SwiftUI مجانية عند إكمال القسم.

أسئلة شائعة حول تعلّم SwiftUI

ما هو SwiftUI؟

SwiftUI هو إطار عمل Apple لبناء واجهات التطبيقات بلغة Swift. بدل أن تضع كل عنصر وتحدّثه يدويًا، تصف ما يجب أن تعرضه الشاشة للبيانات الحالية، فيرسمها SwiftUI ويعيد رسمها كلما تغيّرت تلك البيانات. تتكوّن الشاشة من عروض، وهي بُنى صغيرة تحتوي على body، تجمعها باستخدام stacks وتنسّقها بالمعدِّلات. والكود نفسه يبني واجهات لأجهزة iPhone وiPad وMac وApple Watch وApple TV وVision Pro.

هل أحتاج إلى Mac أو Xcode لتعلّم SwiftUI هنا؟

لا. يعمل كل درس في متصفحك: يُترجَم كودك على خوادمنا وتعرض المعاينة بجوار المحرر الشاشة التي يبنيها، لذا تعمل أجهزة Windows وLinux وChromebook دون مشكلة. لتشغيل تطبيقك على iPhone حقيقي أو نشره على App Store ستحتاج في النهاية إلى جهاز Mac مع Xcode، وكل ما تتعلمه هنا ينتقل معك مباشرة.

هل المعاينة مثل معاينة Xcode؟

تؤدي الدور نفسه، لكنها ليست محاكي iOS. تُرسَم المعاينة بواسطة تطبيق Coddy الخاص لعروض SwiftUI التي تشرحها الدورة، ومن التشغيل نفسه الذي يقيّم درسك، لذا فما تراه هو بالضبط ما تتحقق منه الاختبارات. تُعاد نقراتك على الأزرار ومفاتيح التبديل والروابط على كودك، فتظهر تغييرات @State كما في أي تطبيق. وهي تغطي العروض والمعدِّلات الموجودة في الدروس وليس إطار SwiftUI كاملًا، فاعتبرها مكانًا للتعلّم لا بديلًا عن Xcode.

هل يجب أن أتعلم Swift قبل SwiftUI؟

نعم، الأساسيات على الأقل. SwiftUI هو كود Swift: العروض بُنى، و@State يغلّف خاصية، والقوائم تمر على المصفوفات، وأخطاء الأنواع التي يعرضها المترجم هي أخطاء Swift. يأتي هذا القسم مباشرة بعد قسم Fundamentals في مسار Swift، الذي يغطي المتغيرات والأنواع والدوال والبُنى والقيم الاختيارية، لذا إن كانت Swift جديدة عليك فابدأ من هناك.

SwiftUI أم UIKit: أيهما أتعلم؟

ابدأ بـ SwiftUI. إنها الطريقة التي توصي بها Apple لبناء الواجهات الجديدة، وتحتاج إلى كود أقل بكثير للشاشة نفسها، ومعظم الشروحات والأمثلة وجلسات Apple الحديثة تستخدمها. أما UIKit فهو الإطار الأقدم خلف كثير من التطبيقات الحالية وقد تصادفه في العمل، لكن SwiftUI وUIKit يعملان معًا في التطبيق نفسه، وSwiftUI هو الخطوة الأولى الأسهل.

هل تعلّم SwiftUI صعب؟

الأساسيات تأتي بسرعة: بضعة أسطر تضع نصوصًا وصورًا وأزرارًا على الشاشة، والمعاينة تعرض نتيجة كل تعديل. ما يحتاج إلى تدريب هو التفكير بالحالة، أي أن تغيّر البيانات وتترك العرض يُعاد رسمه بدل أن تغيّر العرض بنفسك. لهذا يتدرّج القسم من @State إلى @Binding ثم إلى الكائنات القابلة للمراقبة خطوة بخطوة، مع تطبيق صغير في نهاية كل فصل.

هل يمكنني تعلّم SwiftUI عبر الإنترنت مجانًا؟

نعم. قسم SwiftUI التفاعلي مجاني: دروس كاملة، وبرمجة عملية في كل تمرين، ومعاينة حية، ومشروع نهائي، وشهادة. لا شيء لتثبيته ولا حاجة لإنشاء حساب مطوّر لدى Apple قبل أن تبدأ.

هل أحصل على شهادة بعد دورة SwiftUI؟

نعم. عند إكمال القسم تحصل على شهادة إتمام SwiftUI مجانية يمكنك مشاركتها على LinkedIn أو إضافتها إلى سيرتك الذاتية. هي ليست شهادة من Apple، لكنها مع التطبيقات التي تبنيها على طول الطريق مؤشر مفيد عند التقدّم لوظائف مطوّر iOS.
رسم توضيحي للغات البرمجة في Coddy

تعلم مقدمة إلى SwiftUI مع Coddy

ابدأ الآن