الوحدة الأولى: CSS متقدمة (Advanced CSS)

1. كيفية استخدام Counter Increment لإنشاء عدادات احترافية للعناصر.
2. CSS Variables (Custom Properties): كيف تنشئ متغيرات في CSS لتكرار الأكواد بسهولة.
3. Pseudo Elements (قبل، بعد) وأفكار احترافية لتصميمات مبتكرة.
4. الفروقات بين Descendant Selectors و Direct Child Selectors وكيفية التحكم الكامل في عناصر الصفحة.
5. العلاقة بين Overflow و Float: كيف تتحكم بظهور المحتوى وتفادي الأخطاء الشائعة.
6. Inheritance in CSS: كيف ترث العناصر التنسيقات من العناصر الأم وكيف تتحكم في ذلك.
7. Positioning Elements: شرح مفصل حول Static, Relative, Absolute, Fixed و Sticky مع أمثلة تطبيقية.

الوحدة الثانية: HTML متقدمة (Advanced HTML)

8. الفرق بين Name و Value في عناصر Form Input: متى ولماذا نستخدم كل واحدة.
9. Custom Attributes: كيفية إنشاء خصائص مخصصة خاصة بك وإضافتها للعناصر لزيادة التحكم والمرونة.
10. الفرق بين ID و Class: متى تستخدم

8. كل منهما وما الفرق في الاستخدام العملي.
9. استخدام العناصر الأساسية في HTML مثل Div و Span: كيفية بناء هيكل صفحة منظم واحترافي.

مميزات الكورس:

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

الفئة المستهدفة:

• مطوري الويب الذين يريدون تحسين مستواهم في HTML & CSS.
• الطلاب في مجالات الحاسب وتصميم المواقع.
• المصممين الذين يريدون فهم التقنيات البرمجية للتصميم.
• أي شخص لديه أساسيات HTML و CSS ويريد التعمق والاحتراف.

متطلبات سابقة:

• معرفة أساسيات HTML & CSS.
• لا يشترط خبرة كبيرة، لكن المستوى المتوسط مناسب أكثر للاستفادة القصوى.

مدة الكورس:

• 11 درس متكامل.
• أكثر من 3 ساعات من الشرح العملي.

الأدوات المستخدمة:

• Visual Studio Code أو أي محرر أكواد.
• متصفحات حديثة (Chrome, Firefox) للتجربة.
• HTML5 & CSS3.