تعلم CSS - دورة برمجة

تعلّم CSS خطوة بخطوة، بدءًا من أول مُحدِّد لك وصولًا إلى التخطيطات المتجاوبة، والرسوم المتحركة وتصميم الويب الحديث. اكتب سطرًا من CSS وشاهد الصفحة تتغير على هاتفك: يعرض المحرر HTML وCSS جنبًا إلى جنب مع معاينة مباشرة.

صُمّم هذا الدليل التعليمي لـ CSS للمبتدئين وينمو معك. كل دورة تتناول موضوعًا واقعيًا واحدًا، وكل درس قصير، والمحرر دائمًا على بُعد نقرة واحدة، لتتدرّب على ما قرأته للتو بدلًا من القراءة عنه فقط.

ما الذي يتضمنه

• 40 دورة و159 درسًا قصيرًا، من المبتدئ (A1) إلى المتقدم (C1)

• محرر HTML وCSS مباشر مع معاينة فورية، لإجراء تجارب سريعة وإنشاء صفحاتك الخاصة

• 20 مشروعًا موجّهًا لتصميم الويب، خطوة بخطوة: شريط أدوات، وشبكة بطاقات، ورأس ثابت، وزر نابض وغير ذلك

• 20 مهمة للبحث عن الأخطاء: بطاقة أعرض بـ 42px من عمودها، واستعلام وسائط لا يعمل مطلقًا على الهاتف، ونافذة منبثقة عالقة خلف الصفحة

• اختبار نهائي وشهادة إتمام

• التطبيق متاح بـ 22 لغة

مسار متكامل، من المبتدئ إلى المتقدم

• البنية النحوية والمُحدِّدات، والألوان، والخلفيات والطباعة

• نموذج الصندوق، والعرض، والتموضع، والوحدات والقيم

• الفئات الزائفة والعناصر الزائفة

• أساسيات Flexbox وFlexbox المتقدم

• أساسيات Grid، ومناطق Grid وتخطيط Grid المتقدم

• التصميم المتجاوب، واستعلامات الوسائط واستعلامات الحاويات

• الخصائص المخصصة (المتغيرات)، والدوال، وخصوصية المحددات، والتتالي و@layer

• الانتقالات، والتحويلات، والرسوم المتحركة بالإطارات الرئيسية، والمرشحات وأنماط المزج

• الوضع الداكن وأنظمة الألوان، والتمرير والتجاوز، وclip-path والأشكال

• تصحيح الأخطاء باستخدام DevTools، وبنية BEM، وSass وPostCSS ورموز التصميم

• أنماط المكونات، وأنماط التخطيط الحديثة، والأداء وHoudini

تدرّب بطريقة راسخة

• اختبارات قصيرة للتحقق مما تعلمته

• ورقة غش تتضمن 69 إدخالًا للخصائص والمُحدِّدات وبنية التخطيط

• 50 سؤالًا في المقابلات مع إجابات واضحة، مفيدة قبل مقابلة لوظيفة مطوّر واجهة أمامية أو مطوّر ويب

• مكتبة أكواد لأمثلة قصيرة يمكنك فتحها وتعديلها

• احفظ أكوادك وملاحظاتك ودروسك المفضلة

• World Coding Challenge: ثلاث جولات عالمية يوميًا، تُحل باستخدام Python وJavaScript ولغات أخرى

• سلاسل إنجاز، وXP، ولوحة صدارة وتذكيرات يومية لمواصلة تدريبك

مرشد AI

• هل تواجه مشكلة في تخطيط أو خاصية؟ اسأل مرشد AI عن مفهوم أو خطأ أو كودك الخاص

• ساحة AI: صِف صفحة وشاهد HTML وCSS يُبنيان

• يحصل المستخدمون المجانيون على حصة يومية من AI؛ ويجعلها Pro غير محدودة

لمن صُمّم التطبيق

• المبتدئون تمامًا الذين يخطون خطواتهم الأولى في تطوير الويب

• المصممون الذين يريدون تنسيق صفحاتهم بأنفسهم بدلًا من تسليم النماذج الأولية

• الطلاب الذين يريدون تدريبًا إضافيًا إلى جانب دورة في تصميم الويب

• المطوّرون الذين يعرفون بعض HTML وCSS ويريدون فهم Flexbox وGrid أخيرًا

• الراغبون في تغيير مسارهم المهني والاستعداد لوظيفة في تطوير الواجهة الأمامية

مجاني وPro

الدورة الأولى، والمشروع الموجّه الأول، ومهمتان والمحرر المباشر مجانية، مع حصة يومية من مرشد AI. يفتح Pro جميع الدورات والمشاريع والمهام، واختبار الشهادة وAI غير المحدود، ويزيل الإعلانات.

ابدأ اليوم، وتعلّم CSS بالوتيرة التي تناسبك، ونسّق صفحتك الأولى خلال دقائق.