مقدمة الكورس:
- ما هو Sass ولماذا يستخدم؟
- الفرق بين CSS و Sass.
- لماذا Sass أصبح من أهم أدوات Front-end؟
محتويات الدورة:
الوحدة الأولى: التعريف وبيئة العمل
- مقدمة وشرح ما هو Sass.
- الأدوات المطلوبة لتشغيل Sass (Node.js, Koala, VS Code).
- طريقة تثبيت Sass على جهازك.
- شرح طرق التحويل (Compile) بين Sass و CSS.
الوحدة الثانية: الأساسيات المتقدمة
- المتغيرات (Variables) لتوحيد الألوان والخطوط.
- التداخل (Nesting) لكتابة أكواد نظيفة.
- المعادلات (Math & Operators) لتنفيذ العمليات الحسابية.
- الوراثة (Extend) لتكرار الأكواد الذكية.
- Placeholder Selectors لتقليل التكرار.
- التقسيم (Import) لتنظيم الملفات.
الوحدة الثالثة: أدوات احترافية
- Mixins لإنشاء أجزاء قابلة لإعادة الاستخدام.
- الشروط (If Else) لإنشاء أكواد ديناميكية.
- الحلقات (Loops):
- For Loop
- Each Loop
- While Loop
- التعامل مع الخرائط (Maps).
الوحدة الرابعة: أنظمة شبكية (Grid Systems)
- بناء نظام Grid بسيط باستخدام Sass.
الوحدة الخامسة: متقدم جدًا
- Functions لإنشاء دوال خاصة.
- خيارات المخرجات (Output Styles) للتحكم بشكل الملفات النهائية.
- أفضل الممارسات ونصائح متقدمة.
- استخدام Koala كمحرّك رسومي لتحويل Sass.
الوحدة السادسة: مشاريع وتطبيقات
- تمارين عملية وتطبيقات لاستخدام كل ما تم تعلمه.
مميزات الكورس:
- شرح مفصل وبسيط باللغة العربية.
- أمثلة عملية مع كل درس.
- مشاريع تطبيقية تساعدك على الفهم.
- الانتقال من المفاهيم الأساسية إلى المتقدمة.
الفئة المستهدفة:
- المبتدئين في مجال CSS و Front-end.
- المطورين الذين يريدون تنظيم أكوادهم.
- أي شخص يريد احتراف تصميم واجهات المستخدم.
المتطلبات:
- معرفة بسيطة بـ HTML و CSS.
- جهاز كمبيوتر + محرر أكواد (VS Code).
مدة الكورس:
- 23 درس تطبيقي.
- أكثر من 4 ساعات تدريبية.
الأدوات المطلوبة:
- VS Code أو Sublime Text.
- Node.js (اختياري).
- Koala (واجهة رسومية).
تاريخ التحديثمنذ 3 ساعات
اللغةالعربية
عدد الدروس23 درس
إجمالي الوقت03:44:53 ساعة
المستوىمبتدئ
محتوى الكورس
جميع الدروس
محتوى الكورس
جميع الدروس
