أساسيات CSS
حول صفحات HTML البسيطة إلى واجهات ويب جميلة، متجاوبة، وحديثة باستخدام CSS خطوة بخطوة
المعلم: تركي علي المالكي - أ
- المستوى: مبتدئ
- المدة: 1.9 ساعة
- اللغة: العربية
- التصنيف: تطوير الويب
عن الدورة
في هذه الدورة ستتعلم CSS من البداية بطريقة عملية ومباشرة، بدءًا من ربط CSS بملفات HTML وفهم الألوان والخطوط والمسافات، ثم الانتقال إلى Box Model وFlexbox وGrid والتصميم المتجاوب. لن نكتفي بالأساسيات فقط، بل سنتعلم مفاهيم حديثة ومهمة مثل CSS Variables وCascade Layers وCSS Nesting وContainer Queries وكيفية بناء واجهات مرتبة وقابلة للتطوير. في نهاية الدورة ستبني صفحة هبوط احترافية كاملة ومتجاوبة تصلح كبداية لموقع شخصي، خدمة، منتج، أو مشروع MVP بسيط.
ماذا ستتعلم
- فهم طريقة عمل CSS وربطها بصفحات HTML
- تنسيق النصوص والألوان والخلفيات والمسافات باحتراف
- فهم Box Model والفرق بين margin وpadding وborder
- بناء layouts باستخدام Flexbox وCSS Grid
- تصميم صفحات متجاوبة مع الجوال والتابلت والكمبيوتر
- استخدام CSS Variables لتنظيم الألوان والقيم
- فهم Specificity وCascade وحل تعارضات CSS
- استخدام ميزات CSS الحديثة مثل Nesting و:has() وContainer Queries
- بناء مشروع تطبيقي كامل بواجهة حديثة ومتجاوبة
المتطلبات
- معرفة بسيطة بأساسيات HTML
- وجود محرر كود مثل VS Code
- متصفح حديث مثل Chrome أو Edge أو Firefox
- لا تحتاج خبرة سابقة في CSS
لمن هذه الدورة
مبتدئو تطوير الويب,طلاب علوم الحاسب وتقنية المعلومات,أي شخص أنهى HTML ويريد الانتقال للتصميم,أصحاب المشاريع الذين يريدون بناء صفحات هبوط بسيطة,المهتمون بتطوير واجهات Front-End من الصفر