الفئات: التكنولوجيا والتطوير

البيانات
رقمي
التكنولوجيا
الهدف 4: التعليم الجيد
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

تعلم HTML5 و Float | CSS3 وFlexbox

مدة الدورة: 1 ساعة 21 دقيقة / 14 درس

مستوى: عام

اللغة: العربية

ماذا ستتعلم

  • إضافة تأثيرات تفاعلية مثل Hover وActive لتعزيز تجربة المستخدم في تصميماتك.

  • التحكم في تنسيق العناصر المتكررة باستخدام المُحدد NTH Child.

  • استخدام خاصية Display في CSS لتحسين عرض وتنظيم العناصر على صفحات الويب.

  • تطبيق تقنيات Float لتنظيم العناصر في التخطيطات، مع تعلم مفاهيم Clear Fix وخاصيتي Before وAfter لتخصيص التصميم.

  • إتقان Flexbox لإنشاء تصميمات مرنة ومتجاوبة، مع فهم كيفية استخدام Justify Content لمحاذاة العناصر بشكل احترافي.

  • تنفيذ مشروع عملي لتصميم لعبة باستخدام Flexbox، وذلك يمنحك خبرة عملية في تطبيق المفاهيم.

هذه الدورة تتضمن

  • 1 ساعة 21 دقيقة/14 درس
  • آخر تحديث: 6/8/2023
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

Hover & Active

2 دقيقة
2.

المُحدِّد NTH Child

2 دقيقة

عن الدورة

في هذه الدورة المتخصصة، ستتعلم تقنيات التصميم الحديثة باستخدام Float وFlexbox، وهي أدوات أساسية تجعل مواقع الويب أكثر تنظيماً وتجاوباً. الدورة مصممة لتقديم تجربة تعليمية متكاملة تعتمد على التطبيق العملي. نبدأ الدورة باستعراض ميزات مثل خاصيتي Hover وActive، التي تضيف لمسة تفاعلية لصفحاتك تجعلها أكثر جذباً للمستخدمين، كما ستتعرف على ما يُعرف بـ المُحدد NTH Child، الذي يتيح لك التحكم في تصميم العناصر المتكررة. ستتعلم أيضاً استخدام خاصية Display في CSS لإدارة كيفية عرض العناصر المختلفة على الصفحة. وبالإضافة إلى ذلك، ستكتسب مهارات في إضافة تأثيرات مميزة للنصوص من خلال تنسيق الحرف الأول أو الخط. بعد التأسيس لهذه المهارات، ستنتقل إلى تقنيات Float، حيث ستتعرف على كيفية استخدامها لتنظيم العناصر في التصميم، كما سيتم توضيح مفاهيم مثل Clear Fix وخاصيتي Before وAfter لإضافة المزيد من التحكم والإبداع إلى تصميماتك. أما المحاور الباقية من الدورة، فتُركز على تعلم Flexbox، وهو الحل الأمثل لتصميم صفحات ويب مرنة ومتجاوبة، ستتعرف على كيفية استخدام Justify Content لمحاذاة العناصر بطرق احترافية، وستطبق هذه المهارات من خلال تصميم رأس صفحة باستخدام Flex. بالإضافة إلى ما سبق، ستكتشف المزيد من إمكانيات Flex، مثل الاتجاهات المرنة وكيفية التعامل معها لتكييف التصميم مع مختلف أحجام الشاشات، ولإضفاء مزيد من التحدي والإبداع، ستعمل على مشروع عملي يتضمن تصميم لعبة بسيطة باستخدام Flex. بنهاية هذه الدورة، ستكون قد طورت مهاراتك في CSS بشكل ملحوظ، وستكون قادراً على تصميم مواقع ويب احترافية ومتجاوبة تلبي احتياجات المستخدمين بفعالية. اشترك الآن واستعد لإنشاء تصاميم جذابة باستخدام تقنيات Float وFlexbox!

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

تتطلب هذه الدورة التدريبية وجود شبكة إنترنت جيدة ولابتوب. وإذا كنت ترغب في الحصول على معلومات أكثر، يمكنك الرجوع إلى الجزء الأول والثاني والثالث الخاص بمحتوى هذه الدورة التدريبية.

عن الخبير

تعلم HTML5 و Float | CSS3 وFlexbox

مدة الدورة: 1 ساعة 21 دقيقة / 14 درس
مستوى: عام
اللغة: العربية