برمجة المواقع | سلسلة دروس لغة css
Description
هذا الكورس الشامل في لغة CSS مُصمم خصيصًا للمبتدئين الذين يرغبون في دخول عالم تصميم وتطوير الويب. CSS (Cascading Style Sheets) هي لغة أساسية تستخدم لتنسيق وتهيئة مظهر صفحات الويب، مما يجعلها جذابة وسهلة الاستخدام. من خلال سلسلة الدروس هذه، ستتعلم كيفية تطبيق CSS خطوة بخطوة، بدءًا من المفاهيم الأساسية ووصولاً إلى التقنيات المتقدمة التي تُستخدم في المشاريع الواقعية. الكورس يغطي مجموعة واسعة من المواضيع التي تُمكنك من بناء مواقع ويب متجاوبة واحترافية، مع التركيز على الجانب العملي والتطبيقي.
يبدأ الكورس بمقدمة واضحة عن ماهية CSS وفوائدها في تحسين تجربة المستخدم وجعل التصميم أكثر مرونة. ستتعرف على كيفية دمج CSS مع HTML، واستخدام الأدوات المساعدة مثل أداة فحص الكود في المتصفح، والتي تُعد ضرورية لأي مطور ويب. كما يتضمن الكورس تمارين واختبارات مراجعة لتعزيز فهمك وتطبيق ما تعلمته في سياقات عملية. من خلال هذا النهج المتدرج، ستكتسب الثقة في التعامل مع مختلف خصائص CSS وتصميم layouts معقدة باستخدام تقنيات مثل Flexbox وBootstrap.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى لغة CSS وأهميتها في تطوير الويب.
- البدء في استخدام CSS وتطبيق الأنماط الأساسية.
- فهم واستخدام ال id وال classes لتحديد العناصر في الصفحة.
- خصائص التنسيق الأساسية مثل اللون والإطار والطول والعرض.
- استكشاف أدوات المطور في المتصفح لفحص وتصحيح الكود.
- فهم نموذج الصندوق (Box Model) والهوامش (Margin) والحشو (Padding).
- خصائص النص والجداول لتحسين readability والتخطيط.
- خاصية display و position لتحديد كيفية عرض وترتيب العناصر.
- استخدام z-index للتحكم في ترتيب الطبقات والعناصر المتداخلة.
- تقنيات توسيط العناصر باستخدام margin.
- Flexbox لإنشاء تخطيطات مرنة ومتجاوبة.
- المحددات المتقدمة مثل Combinators و Pseudo Classes و Pseudo Elements.
- ربط واستخدام ملف CSS خارجي لتحسين تنظيم الكود.
- خصائص متقدمة مثل overflow و shadow و transition و animation.
- وحدات القياس في CSS والمتغيرات (CSS Variables) لإعادة الاستخدام.
- اختبارات المراجعة والتقييم لقياس التقدم.
- مقدمة إلى Bootstrap وأطر العمل التصميمية لتحسين الكفاءة.
يبدأ الكورس بمقدمة واضحة عن ماهية CSS وفوائدها في تحسين تجربة المستخدم وجعل التصميم أكثر مرونة. ستتعرف على كيفية دمج CSS مع HTML، واستخدام الأدوات المساعدة مثل أداة فحص الكود في المتصفح، والتي تُعد ضرورية لأي مطور ويب. كما يتضمن الكورس تمارين واختبارات مراجعة لتعزيز فهمك وتطبيق ما تعلمته في سياقات عملية. من خلال هذا النهج المتدرج، ستكتسب الثقة في التعامل مع مختلف خصائص CSS وتصميم layouts معقدة باستخدام تقنيات مثل Flexbox وBootstrap.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى لغة CSS وأهميتها في تطوير الويب.
- البدء في استخدام CSS وتطبيق الأنماط الأساسية.
- فهم واستخدام ال id وال classes لتحديد العناصر في الصفحة.
- خصائص التنسيق الأساسية مثل اللون والإطار والطول والعرض.
- استكشاف أدوات المطور في المتصفح لفحص وتصحيح الكود.
- فهم نموذج الصندوق (Box Model) والهوامش (Margin) والحشو (Padding).
- خصائص النص والجداول لتحسين readability والتخطيط.
- خاصية display و position لتحديد كيفية عرض وترتيب العناصر.
- استخدام z-index للتحكم في ترتيب الطبقات والعناصر المتداخلة.
- تقنيات توسيط العناصر باستخدام margin.
- Flexbox لإنشاء تخطيطات مرنة ومتجاوبة.
- المحددات المتقدمة مثل Combinators و Pseudo Classes و Pseudo Elements.
- ربط واستخدام ملف CSS خارجي لتحسين تنظيم الكود.
- خصائص متقدمة مثل overflow و shadow و transition و animation.
- وحدات القياس في CSS والمتغيرات (CSS Variables) لإعادة الاستخدام.
- اختبارات المراجعة والتقييم لقياس التقدم.
- مقدمة إلى Bootstrap وأطر العمل التصميمية لتحسين الكفاءة.
0
30
05:12:22
2021-04-30
0
0
30/0 100/0
مقدمة وأساسيات CSS
الخصائص الأساسية
التخطيط والمواضع
Flexbox والمحددات المتقدمة
CSS خارجي والخصائص المتقدمة
المراجعة النهائية والأطر