تعلم CSS بالعربي: تحكّم في شكل صفحات الويب

الشرح: Abdelrahman Gamal | تنظيم المصادر: بوصلة

افهم كيف تختار العناصر وتنسق المساحات والخطوط قبل الانتقال إلى واجهات أكبر؛ ركّز على تفسير النتيجة لا نسخها فقط. الشرح من Abdelrahman Gamal، والدروس متاحة بالترتيب داخل الدورة.

  • 0 متعلّمين
  • 11 س 19 د
  • كل المستويات
  • elposla

عن هذه الدورة

تعلم CSS: ماذا ستدرس؟

افهم كيف تختار العناصر وتنسق المساحات والخطوط قبل الانتقال إلى واجهات أكبر؛ ركّز على تفسير النتيجة لا نسخها فقط.

الشرح الأصلي من Abdelrahman Gamal. تجمع بوصلة هذه الدروس لتسهيل الوصول والتعلّم، ولا تنسب شرح القناة إلى فريق الموقع.

نماذج من موضوعات الدروس

  • بداية كورس css بالعربي | تعلم css بسهولة
  • #12 شرح بالتفصيل عن خاصية text align
  • #25 شرح بالتفصيل عن خاصية background in css
  • #38 شرح بالتفصيل عن attribute selectors
  • responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة

قبل أن تبدأ

جهاز يسمح بتثبيت أدوات البرمجة. ابدأ بالأساسيات إن كان الموضوع جديدًا، وراجع متطلبات اللغة أو الإطار في أول الدروس.

كيف تستفيد من تعلم CSS؟

خصّص جلسة للتطبيق بعد كل مجموعة. ابدأ بدرس «بداية كورس css بالعربي | تعلم css بسهولة»، ثم سجّل ما فهمته وما تحتاج الرجوع إليه. عند الوصول إلى «#25 شرح بالتفصيل عن خاصية background in css»، جرّب تنفيذ المثال أو شرحه دون متابعة الفيديو لحظة بلحظة.

مهمة مقترحة لتثبيت التعلم

اختر فكرة من موضوع «responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة» واكتب ملخصًا تطبيقيًا لها أو نفّذ مثالًا مستقلًا. أضف النتيجة إلى مساحة تعلمك؛ واذكر في سيرتك ما نفذته فعلًا، دون اعتبار المشاهدة وحدها خبرة عملية.

المصدر وحدود الإتاحة

تحتوي هذه النسخة على 53 درسًا عامًا بحسب بيانات القائمة التي راجعناها في 17 أكتوبر 2026. قائمة Abdelrahman Gamal الأصلية على YouTube. احتُفظ بترتيب المصدر، وقد تتغير إتاحة الفيديوهات لاحقًا. مشاهدة الشرح مجانية؛ أما تراخيص البرامج والموارد السحابية والاختبارات الرسمية فقد تكون منفصلة. لا تشمل هذه الصفحة شهادة من الجهة الأصلية. لم تُشاهد جميع الفيديوهات بالكامل ضمن فحص البيانات.

محتوى الدورة

1 وحدة · 53 درس · 11 س 19 د

  1. دروس الدورة بالترتيب الأصلي 53 درسًا 11 س 19 د

    المصدر: Abdelrahman Gamal

    • بداية كورس css بالعربي | تعلم css بسهولة مقفل 4 د
    • كيفية الوصول للتحديات و الامثلة العملية و الكتابية على الكورس مقفل 5 د
    • #1 | CSS Syntax | كيفية كتابة css مقفل 17 د
    • #2 priority in css مقفل 7 د
    • #3 تعلم ال selectors in css | class id tag مقفل 11 د
    • #4 شرح Descendant Selector | direct child Selector مقفل 11 د
    • #5 شرح كامل عن box model | border- margin - padding مقفل 21 د
    • #6 شرح margin auto مقفل 6 د
    • #7 شرح النسبة المئوية في css مقفل 11 د
    • #8 شرح fit content - min content - max content مقفل 5 د
    • #9 شرح خاصية max/min width - max/min height مقفل 12 د
    • #10 شرح كامل لخاصية border radius مقفل 7 د
    • #11 الفرق بين inline & block مقفل 8 د
    • #12 شرح بالتفصيل عن خاصية text align مقفل 6 د
    • #13 شرح بالتفصيل عن خاصية direction مقفل 2 د
    • #14 شرح بالتفصيل عن خاصية text transform مقفل 2 د
    • #15 شرح بالتفصيل عن خاصية text spacing مقفل 3 د
    • #16 شرح بالتفصيل عن خاصية text decoration مقفل 6 د
    • #17 شرح بالتفصيل الفرق بين text shadow - box shadow مقفل 12 د
    • #18 شرح بالتفصيل عن خاصية wrapping و white space مقفل 12 د
    • #19 شرح بالتفصيل عن خاصية font family مقفل 15 د
    • #20 شرح بالتفصيل عن خاصية font size مقفل 9 د
    • #21 شرح بالتفصيل عن خاصية font style مقفل 1 د
    • #22 شرح بالتفصيل عن خاصية font variant مقفل 2 د
    • #23 شرح بالتفصيل عن خاصية font weight مقفل 15 د
    • #24 شرح بالتفصيل عن خاصية font shorthand مقفل 9 د
    • #25 شرح بالتفصيل عن خاصية background in css مقفل 25 د
    • #26 شرح بالتفصيل عن خاصية linear gradient مقفل 12 د
    • #27 شرح بالتفصيل عن خاصية radial gradient مقفل 6 د
    • #28 شرح بالتفصيل عن خاصية float مقفل 11 د
    • #29 شرح بالتفصيل عن خاصية overflow مقفل 5 د
    • #30 شرح بالتفصيل عن خاصية position مقفل 15 د
    • #31 شرح بالتفصيل عن خاصية z index مقفل 3 د
    • #32 شرح بالتفصيل عن خاصية list style مقفل 4 د
    • #33 شرح بالتفصيل عن تنسيق الجداول | table style مقفل 7 د
    • #34 شرح بالتفصيل عن css units مقفل 10 د
    • #35 شرح بالتفصيل عن Pseudo classes مقفل 14 د
    • #36 شرح بالتفصيل عن Pseudo elements مقفل 10 د
    • #37 شرح بالتفصيل عن sibling selectors مقفل 7 د
    • #38 شرح بالتفصيل عن attribute selectors مقفل 14 د
    • #39 شرح بالتفصيل خاصية transform مقفل 15 د
    • #40 شرح بالتفصيل الخاصيات الجديدة translate , scale, rotate مقفل 3 د
    • #41 شرح بالتفصيل خاصية transition مقفل 14 د
    • #42 تعلم ال animation في ال css في 20 دقيقة | animation css مقفل 21 د
    • #43 | شرح display block - inline - inline block مقفل 12 د
    • #44 | display none - opacity - visibility | اخفاء العناصر مقفل 4 د
    • #45 | CSS Flex box | تعلم Flexbox بالكامل في فيديو واحد مقفل 48 د
    • #46 |شرح كامل ل CSS Grid مقفل 54 د
    • #47 شرح كامل لل responsive css مقفل 22 د
    • responsive form using html and css | عمل تصميم متجاوب مقفل 11 د
    • Make a Responsive Glass Website Using HTML and CSS Only | عمل موقع الكتروني متجاوب بتأثير زجاجي انيق مقفل 31 د
    • تصميم موقع افاتار بال html و ال css فقط | make website using html and css مقفل 20 د
    • responsive dashboard using html and css only | تصميم لوحة تحكم متجاوبة مقفل 37 د

مدرّبك

elposla

تقييمات المتعلّمين

لا تقييمات بعد.