مقدمة الدورة

غير محدد مجاني
بعد ما تعلمت HTML وبنيت هيكل صفحاتك، حان الوقت تنتقل للمرحلة الممتعة ، في هذه الدورة ستتعلم CSS خطوة بخطوة لتنسيق صفحاتك، التحكم في الألوان والخطوط والمسافات، وبناء تصاميم جميلة تعمل على الجوال والكمبيوتر باحترافية.

اذا كنت جديدا في عالم HTML فيجب عليك أخذ دورة HTML قبل هذه الدورة من هنا .
أي موقع الكتروني يجب أن يستخدم CSS لأن لا يمكن تنسيق صفحات المواقع الإلكترونية أو اضافة الوان للخطوط أو الخلفيات بدون هذه اللغة.

قد تكون قرأت أو سمعت عن CSS3. نعم CSS3 هي CSS لكن اختلاف الإصدارات ، فاللغة الأصلية هي CSS ظهرت أول نسخة عام 1996، ثم تطورت إلى CSS2 ثم بعد ذلك أتى الإصدار الأخير والحديث الذي هو CSS3. فهي ليست لغة مستقلة بل لغة واحدة لكن محدثة.

ماذا ستتعلم في هذه الدورة؟

  • الفرق بين id و class وكيف تختار الصحيح
  • أساسيات CSS: الألوان، الخطوط، المسافات، Box Model
  • التحكم في تخطيط الصفحات باستخدام Flexbox
  • بناء تصاميم كاملة باستخدام CSS Grid
  • إنشاء مواقع متجاوبة لكل الشاشات (Mobile-First)
  • استخدام Media Queries باحتراف
  • إضافة الانتقالات (Transitions) والأنيميشن
  • تطبيقات عملية وتصاميم حقيقية خطوة بخطوة

لماذا هذه الدورة مهمة؟

تحويل الهيكل إلى تصميم

HTML بدون CSS مجرد نصوص، لكن مع CSS يتحول الموقع إلى تجربة جميلة واحترافية.

مناسبة للمبتدئ 100%

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

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

  • لمن أنهى دورة HTML أو يعرف أساسياتها
  • للمبتدئين الذين يريدون تعلم التصميم بشكل صحيح
  • لمن يطمح لبناء مواقع متجاوبة وحديثة

ملاحظة مهمة ⚠️

هذه الدورة تركز على CSS فقط (التنسيق والتصميم) بدون JavaScript. التفاعل والحركة المتقدمة سيتم تعلمها لاحقًا في دورة JavaScript.

متطلبات الدورة

قبل أن تبدأ

  • ✅ معرفة أساسيات HTML
  • ✅ جهاز كمبيوتر + محرر أكواد

بعد الدورة ستكون قادرًا على

  • 🎨 تصميم صفحات جميلة ومتناسقة
  • 📱 إنشاء مواقع متجاوبة لكل الشاشات
  • 🚀 الانتقال بثقة لتعلم JavaScript

حوّل صفحاتك من عادية إلى احترافية 🎨

HTML يحدد الشكل… وCSS يصنع الجمال ✨