CSS Arabic Course - كورس سي اس اس بالعربي
Description
هذا الكورس المكثف في لغة CSS (Cascading Style Sheets) هو دليل شامل للمبتدئين الذين يرغبون في تعلم أساسيات تصميم وتنسيق صفحات الويب. يُعد CSS جزءًا أساسيًا من تطوير الويب، حيث يتحكم في المظهر البصري للمواقع، بما في ذلك الألوان، الخطوط، التخطيطات، والاستجابات للأجهزة المختلفة. من خلال هذا الكورس، ستتمكن من فهم كيفية فصل المحتوى عن التصميم في HTML، مما يجعل مواقعك أكثر جاذبية وسهولة في الصيانة. الكورس مصمم بطريقة سهلة ومتدرجة، بدءًا من المفاهيم الأساسية ووصولاً إلى التقنيات المتقدمة، مع أمثلة عملية وتطبيقات مباشرة.
يغطي الكورس مجموعة واسعة من المواضيع، بدءًا من تعريف CSS وكيفية إعداد بيئة العمل باستخدام محرر الأكواد VS Code، مرورًا بكتابة الأكواد الأساسية واستخدام المحددات (Selectors) لتطبيق الأنماط على العناصر. ستتعلم كيفية التعامل مع الألوان، الخلفيات، الحدود، والمسافات لإنشاء تصاميم متناسقة. بالإضافة إلى ذلك، سيتم شرح نموذج الصندوق (Box Model) الذي يُعد حجر الأساس في تخطيط الصفحات، وكيفية التحكم في عرض وارتفاع العناصر، وخصائص العرض والظهور.
يتعمق الكورس في تنسيق النصوص والخطوط، بما في ذلك المحاذاة، التزيين، التحويل، وإضافة الظلال، مما يعزز جودة المحتوى النصي. كما سيتم تناول تقنيات متقدمة مثل التحكم في موضع العناصر باستخدام خاصية Position، وترتيب الطبقات بـ Z-Index، والتعامل مع الحالات التفاعلية عبر الفئات الزائفة (Pseudo Classes) والعناصر الزائفة (Pseudo Elements). وأخيرًا، ستناقش الدروس ميزات حديثة مثل الانتقالات (Transitions)، المتغيرات (Variables)، التدرجات اللونية (Gradients)، والفلاتر (Filters) لإضافة لمسات ديناميكية لتصاميمك.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى CSS وأهميتها في تطوير الويب.
- إعداد بيئة العمل باستخدام VS Code وأساسيات كتابة كود CSS.
- أنواع المحددات (Selectors) والجمع بين العناصر.
- التعامل مع الألوان، الخلفيات، الحدود، والمسافات (مثل Margin و Padding).
- فهم نموذج الصندوق (Box Model) والتحكم في العرض والارتفاع.
- تنسيق النصوص والخطوط، including alignment, decoration, and spacing.
- التحكم في موضع العناصر وترتيب الطبقات باستخدام Position و Z-Index.
- استخدام الفئات والعناصر الزائفة مثل :hover و ::before.
- تطبيق تقنيات متقدمة مثل الانتقالات، المتغيرات، والتدرجات اللونية.
- مراجعة وتوسيع معرفة المحددات المتقدمة في CSS.
يغطي الكورس مجموعة واسعة من المواضيع، بدءًا من تعريف CSS وكيفية إعداد بيئة العمل باستخدام محرر الأكواد VS Code، مرورًا بكتابة الأكواد الأساسية واستخدام المحددات (Selectors) لتطبيق الأنماط على العناصر. ستتعلم كيفية التعامل مع الألوان، الخلفيات، الحدود، والمسافات لإنشاء تصاميم متناسقة. بالإضافة إلى ذلك، سيتم شرح نموذج الصندوق (Box Model) الذي يُعد حجر الأساس في تخطيط الصفحات، وكيفية التحكم في عرض وارتفاع العناصر، وخصائص العرض والظهور.
يتعمق الكورس في تنسيق النصوص والخطوط، بما في ذلك المحاذاة، التزيين، التحويل، وإضافة الظلال، مما يعزز جودة المحتوى النصي. كما سيتم تناول تقنيات متقدمة مثل التحكم في موضع العناصر باستخدام خاصية Position، وترتيب الطبقات بـ Z-Index، والتعامل مع الحالات التفاعلية عبر الفئات الزائفة (Pseudo Classes) والعناصر الزائفة (Pseudo Elements). وأخيرًا، ستناقش الدروس ميزات حديثة مثل الانتقالات (Transitions)، المتغيرات (Variables)، التدرجات اللونية (Gradients)، والفلاتر (Filters) لإضافة لمسات ديناميكية لتصاميمك.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى CSS وأهميتها في تطوير الويب.
- إعداد بيئة العمل باستخدام VS Code وأساسيات كتابة كود CSS.
- أنواع المحددات (Selectors) والجمع بين العناصر.
- التعامل مع الألوان، الخلفيات، الحدود، والمسافات (مثل Margin و Padding).
- فهم نموذج الصندوق (Box Model) والتحكم في العرض والارتفاع.
- تنسيق النصوص والخطوط، including alignment, decoration, and spacing.
- التحكم في موضع العناصر وترتيب الطبقات باستخدام Position و Z-Index.
- استخدام الفئات والعناصر الزائفة مثل :hover و ::before.
- تطبيق تقنيات متقدمة مثل الانتقالات، المتغيرات، والتدرجات اللونية.
- مراجعة وتوسيع معرفة المحددات المتقدمة في CSS.
0
51
03:47:39
2023-09-02
0
0
51/0 100/0
الأساسيات والإعداد
المحددات والتعليقات
الألوان والخلفيات
الحدود والمسافات
نموذج الصندوق والعرض
تنسيق النصوص
الخطوط والتحكم في العناصر
الموضع والطبقات
تنسيق الجداول والقوائم
الفئات والعناصر الزائفة
ميزات متقدمة