جزء من رحلة HTMLشائعرحلةتعلّم CSS
دورة CSS مجانية وتفاعلية. تنسّق HTML حقيقيًا في كل درس - المُحدِّدات، ونموذج الصندوق، والألوان، والخطوط، وflexbox، وgrid، والتصميم المتجاوب - مع معاينة حيّة أثناء كتابتك وشهادة مجانية عند الانتهاء. وهي جزء من رحلة HTML الأوسع، لذا فإن سياق الترميز الذي يحتاجه CSS موجود هناك مباشرةً.
336,814+ من الـ codders مسجلون
119 درسًا104 تحديات582 أسئلة الاختبار
- مناسب للمبتدئين
مساعدة برمجية بالذكاء الاصطناعي
دروس تفاعلية عملية
تعليق صوتي في كل درس
اختبارات لقياس معرفتك
شهادة إتمام مجانية
المنهج
هذا القسم جزء من رحلة HTML. المنهج الكامل يحتوي على أقسام أكثر - اضغط على أي معاينة أدناه لعرضها في صفحة الرحلة.
- قسم 1الأساسيات60 درسًا
قسم 2
التنسيق باستخدام CSS
ابدأ القسمابدأتوسيعطيأضف الحيوية إلى صفحات الويب باستخدام الألوان والتخطيطات والأنماطمقدمة
5 درسًا540إضافة CSS
4 درسًا725المحددات الأساسية
7 درسًا1247أساسيات النصوص
8 درسًا1450الألوان والخلفيات
5 درسًا834قائمة المقهى
مشروع3 درسًا1نموذج الصندوق - الجزء الأول
6 درسًا943نموذج الصندوق (Box Model) - الجزء الثاني
5 درسًا833Flex Box
6 درسًا943نموذج تسجيل الدخول
مشروع4 درسًا1تقنيات التخطيط
7 درسًا1151أساسيات التصميم المتجاوب
6 درسًا1052صفحة ويب تونغا
مشروع6 درسًا1التحديات النهائية
4 درسًا4قسم 3
إتقان CSS
ابدأ القسمابدأتوسيعطيارتقِ بمهاراتك في CSS إلى المستوى التالي!إتقان المحددات – الربط
6 درسًا539الفئات الزائفة التفاعلية
5 درسًا431الأصناف الزائفة الهيكلية (Structural pseudo-classes)
5 درسًا432مشروع القائمة المنسدلة
4 درسًا4التأثيرات البصرية
5 درسًا536صفحة الهبوط (Landing Page)
5 درسًا5البناء باستخدام CSS Grid
4 درسًا426موقع Flavor Fiesta
4 درسًا4التحديات النهائية
5 درسًا5- قسم 4الواجهة الأمامية العملية35 درسًا
- قسم 5JavaScript قيد التطبيق27 درسًا
تعلّم بالممارسة
اكتب أكواداً حقيقية، واستعلم من قواعد البيانات، وأنشئ مواقع ويب، وأتقن أوامر الذكاء الاصطناعي. دروسنا التفاعلية تغطي كل المهارات التي يحتاجها المطورون المعاصرون.
ابنِ سلسلتك
حافظ على الاستمرارية وشاهد تقدمك ينمو! تابع عادة البرمجة اليومية، واحمِ سلسلتك بأيام التجميد، واكسب مكافآت لحضورك كل يوم.
12 أيام متتالية
عُد غداً للحفاظ على سلسلتك!
January 2026
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
ضعف أو لا شيء
اليوم 5 من 7
تجميد السلسلة
2 left
برمج في أي مكان
خذ رحلة البرمجة معك أينما ذهبت! لا إعداد، لا تنزيلات - فقط افتح وابدأ البرمجة. متوفر على iOS وAndroid والويب بتقييم 4.9 نجوم.
لست وحدك
تنافس على لوحات المتصدرين العالمية، وادعُ أصدقاءك لكسب المكافآت، واحتفلوا بإنجازات بعضكم. البرمجة أفضل مع الأصدقاء!
1
2
3
منطقة الترقيةكل طريقة للتعلّم
اقرأ، استمع، اختبر نفسك، اسأل الذكاء الاصطناعي، أو ابحث عما درسته من قبل. كل درس يتكيّف معك.
المتغيّر حاوية مسمّاة تخزّن قيمة يمكن الرجوع إليها لاحقًا في برنامجك.
في بايثون، تُنشئ واحدًا بكتابة الاسم ثم علامة يساوي ثم القيمة التي تريد تخزينها.
يمكن أن تتغيّر القيمة بمرور الوقت - إعادة الإسناد ببساطة توجّه الاسم إلى قيمة جديدة.
احصل على شهادتك
احصل على شهادات لكل دورة تكملها. أضفها إلى ملفك على LinkedIn وسيرتك الذاتية لعرض خبرتك البرمجية لأصحاب العمل.
شهادة إتمامأساسيات Python
أضف إلى LinkedInلماذا تتعلّم CSS مع Coddy
- اكتب CSS في متصفحك وشاهد الصفحة تُعاد تنسيقها مباشرةً. لا خطوة بناء، ولا إعداد محرّر. يظهر كل تغيير على مُحدِّد أو خاصية فورًا لترى ما الذي تفعله كل قاعدة فعليًا.
- أساسيات CSS: المُحدِّدات والأولوية، ونموذج الصندوق، والتموضع، وflexbox، وCSS grid، والانتقالات، واستعلامات الوسائط، والتصميم المتجاوب. وهي مهارات CSS التي يحتاجها كل مطوّر واجهات أمامية يوميًا.
- تساعدك تلميحات الذكاء الاصطناعي على تصحيح الأمور التي تُربك الجميع دائمًا - مفاجآت الأولوية، وتجاوزات التخطيط، وسلوك flexbox الغريب - دون أن تُفسد عليك الحل، لتصبح CSS بديهية بدلًا من أن تبدو سحرًا.
- شهادة CSS مجانية عند إنهائك القسم. تتكامل طبيعيًا مع دورتَي HTML وJavaScript لتكوّن أساسًا متكاملًا في الواجهات الأمامية.
أسئلة شائعة حول تعلّم CSS
ما هي CSS؟
هل تعلّم CSS صعب؟
هل ينبغي أن أتعلّم HTML قبل CSS؟
ما الفرق بين CSS وFlexbox وGrid؟
هل يمكنني تعلّم CSS عبر الإنترنت مجانًا؟
هل أحصل على شهادة بعد دورة CSS؟
