Advanced CSS: Responsive Design, Animations, SASS

يتضمن كورس Advanced CSS مواضيع متقدمة تساعدك على تحسين قدرتك على تصميم وتطوير المواقع بشكل أكثر إبداعية واحترافية. يشرح الكورس مفاهيم مثل Responsive design ويعلمك كيفية تصميم وتطوير مواقع تتكيف مع أحجام الشاشات المختلفة…

اشترك الآن سجّل الدخول تصفح الدورات

يتضمن كورس Advanced CSS مواضيع متقدمة تساعدك على تحسين قدرتك على تصميم وتطوير المواقع بشكل أكثر إبداعية واحترافية. يشرح الكورس مفاهيم مثل Responsive design ويعلمك كيفية تصميم وتطوير مواقع تتكيف مع أحجام الشاشات المختلفة، بحيث يمكن عرضها بشكل مرن وجذاب على جميع الأجهزة.

كما يعلمك الكورس كيفية استخدام SASS لتسهيل عملية كتابة الـ CSS وتنظيم الأسلوب الخاص بك في كتابة الأكواد. وبالإضافة إلى ذلك، يتناول الكورس موضوع الـ CSS Animations وكيفية تحقيق حركات وتأثيرات جذابة ومتحركة على صفحات الويب.

بإتقان هذه المواضيع المتقدمة في الـ CSS، ستتمكن من تصميم وتطوير مواقع عصرية وجذابة بشكل أكثر فعالية، وبالتالي تحسين قدرتك على العمل في مجال تطوير الويب بشكل عام.

15 قسم · 45 درس · 21 اختبار

محتوى الدورة

عرض كل الدروس

1. 1

   مقدمة دورة Advanced CSS
2. 2

   مواد الدورة
3. 3

   إعداد المشروع5 دروس · 1 اختبار
   1. إعداد المشروع
   2. نظرة عامة على المشروع
   3. التهيئة وإعادة ضبط أنماط CSS
   4. وحدات CSS
   5. متغيرات CSS
   6. اختبار الوحدة: إعداد المشروع
4. 4

   مكون الترويسة5 دروس · 2 اختباران
   1. التخطيط
   2. روابط التنقل
   3. مختصر كتابي: Navigation Links
   4. مفتاح التبديل
   5. مختصر كتابي: Toggle Input
   6. اختبار قصير: Toggle Input
   7. اختبار الوحدة: مكون الترويسة
5. 5

   مكون النبذة التعريفية6 دروس · 3 اختبارات
   1. منهجية BEM
   2. مختصر كتابي: BEM
   3. اختبار قصير: BEM
   4. جزء البيانات
   5. تحريك السهم
   6. مختصر كتابي: Arrow Animation
   7. اختبار قصير: Arrow Animation
   8. الصورة الشخصية
   9. اختبار الوحدة: مكون النبذة التعريفية
6. 6

   مكون المهارات2 درسان · 1 اختبار
   1. التحدي وجزء HTML
   2. جزء CSS
   3. اختبار الوحدة: مكون المهارات
7. 7

   مكون الوسائط3 دروس · 2 اختباران
   1. الفيديو كعنصر وسائط
   2. مختصر كتابي: Video as media
   3. اختبار قصير: Video as media
   4. الفيديو كخلفية
   5. اختبار الوحدة: مكون الوسائط
8. 8

   مكون المشاريع2 درسان · 1 اختبار
   1. جزء HTML
   2. جزء CSS
   3. اختبار الوحدة: مكون المشاريع
9. 9

   مكون العملاء3 دروس · 2 اختباران
   1. جزء HTML
   2. جزء CSS
   3. مختصر كتابي: CSS Part
   4. اختبار قصير: CSS Part
   5. اختبار الوحدة: مكون العملاء
10. 10

    مكون التواصل3 دروس · 2 اختباران
    1. البريد الإلكتروني وروابط التواصل الاجتماعي
    2. النموذج وحقول الإدخال
    3. مختصر كتابي: Form and Inputs
    4. اختبار قصير: Form and Inputs
    5. اختبار الوحدة: مكون التواصل
11. 11

    ميزات وتحسينات إضافية5 دروس · 1 اختبار
    1. مكون التذييل
    2. الترويسة الثابتة
    3. روابط التمرير السلس
    4. مختصر كتابي: Scroll smooth links
    5. الوضع الداكن
    6. اختبار الوحدة: ميزات وتحسينات إضافية
12. 12

    التصميم المتجاوب5 دروس · 2 اختباران
    1. نظرة عامة على التصميم المتجاوب
    2. التعلم بالأمثلة
    3. مختصر كتابي: Learn by Example
    4. اختبار قصير: Learn by Example
    5. جعل الموقع متجاوبًا
    6. قائمة البرجر
    7. اختبار الوحدة: التصميم المتجاوب
13. 13

    لغة SASS4 دروس · 2 اختباران
    1. نظرة عامة على SASS
    2. مختصر كتابي: Overview of SASS
    3. اختبار قصير: Overview of SASS
    4. استخدام SASS في المشروع
    5. ضغط ملفات CSS
    6. اختبار الوحدة: لغة SASS
14. 14

    نشر الموقع2 درسان · 1 اختبار
    1. رفع المشروع إلى GitHub
    2. اعرض عملك
    3. اختبار الوحدة: نشر الموقع
15. 15

    خاتمة دورة Advanced CSS

1. الاختبار النهائي
   1. الاختبار النهائي: Advanced CSS

اشترك الآن سجّل الدخول تصفح الدورات