تعلم css كاملة

دورة شاملة تغطي أساسيات css بشكل عملي ومبسط، من البداية حتى الاحتراف.

6 وحدات

56 درس عملي — خطوة بخطوة من أول درس لآخر واحد.

جوّه الكورس هتتعلم:

  • ✓ قسم 1 – الأساسيات (1 – 27)
  • ✓ قسم 2 – المستوى المتوسط (28 → 32)
  • ✓ قسم 3 – الموضع (Positioning)
  • ✓ قسم 4 – فلكس بوكس و جريد (Flexbox & Grid)
  • ✓ قسم 5 – التصميم المتجاوب (Responsive Design)
  • ✓ قسم 6 – المشاريع العملية
مجاني
🔓 تسجيل مجاني ⚡ وصول فوري ♾️ مدى الحياة
🎯

إيه الكورس ده بالظبط؟

هل تريد تعلم css من الصفر حتى الاحتراف؟ هذه الدورة مخصصة لك! سنتعلم معًا كيفية إنشاء صفحات ويب باستخدام css، تنظيم المحتوى واستخدام الأكواد بطريقة صحيحة. ستتعرف على: أساسيات تنسيق الصفحات باستخدام CSS كيفية التحكم في الألوان، الخطوط، والخلفيات بناء واجهات مستخدم أنيقة وسريعة الاستجابة

🧠

هتتعلم إيه جوه الكورس؟

🎬 56 درس عملي
⏱️ 5 ساعات و28 دقيقة محتوى فيديو
📦 6 وحدات
♾️ مدى الحياة وصول دائم
1 - مقدمة عن كورس ال css | ماهي ال css وما الفائده من استخدامها 2:44 مشاهدة
2- ازاي اكتب الكود واماكن كتابه كود ال css | كورس CSS 7:03 مشاهدة
3 - ماهو ال id وال class وما الفرق بينهما مع مثال عملي | كورس css 7:35 مشاهدة
4 - ترتيب الأولويات في CSS: فهم تأثير class, id, العناصر المستهدفة، والنمط العالمي على تصميم موقعك 4:42 مشاهدة
5 - شرح تفصيلي لألوان الخلفية في CSS | كيفية استخدام background-color لتصميم احترافي | كورس css 3:34 مشاهدة
6 - إتقان ألوان الخلفية في CSS: فهم وتطبيق HSL، RGBA، والألوان الست عشرية | كورس CSS 11:11 مشاهدة
7 - فهم وتطبيق خاصية width في CSS: التحكم في عرض العناصر بفعالية | كورس CSS 5:34 مشاهدة
8 - إتقان خاصية height في CSS: كيفية التحكم في ارتفاع العناصر بمرونة | كورس CSS 3:19 مشاهدة
9 - هم مستويات display في CSS: التحكم في طريقة عرض العناصر بذكاء 🧠| block, inline inline-block, none 6:00 مشاهدة
10 - إتقان خاصية margin في CSS: التحكم في المسافات الخارجية للعناصر | كورس CSS 9:25 مشاهدة
11 - فهم خاصية padding في CSS: كيفية التحكم في المسافات الداخلية للعناصر | كورس CSS 5:33 مشاهدة
12 - فهم وتطبيق خاصية border في CSS: كيفية التحكم في حدود العناصر | كورس CSS 7:17 مشاهدة
13- إتقان خاصية box sizing في CSS كيفية التحكم في حجم العناصر بدقة | كورس CSS 2 5:46 مشاهدة
14 - فهم خاصية outline في CSS التحكم في الإطار الخارجي للعناصر | كورس CSS 5:01 مشاهدة
15 - إتقان خاصية border-radius في CSS: كيفية إنشاء الزوايا المنحنية للعناصر | كورس CSS 4:56 مشاهدة
16 - إضافة العمق والجاذبية بتطبيق box shadow في CSS دليل شامل | كورس CSS 8:54 مشاهدة
17 - كيفية تعليق الأكواد مؤقتًا في CSS باستخدام التعليقات | كورس CSS 1:54 مشاهدة
18 - تأثيرات النصوص في CSS: التحكم في المحاذاة، التزيين، والتحويل | الجزء الأول - كورس CSS 7:45 مشاهدة
19 - تأثيرات النصوص في CSS: التباعد والظلال | الجزء الثاني | كورس CSS 6:08 مشاهدة
20 - تأثيرات النصوص في CSS: التحكم في المسافات البيضاء Wrap و No-wrap | ومراجعة شاملة - كورس CSS 6:03 مشاهدة
21 - التحكم في الخطوط في CSS: استدعاء الخطوط الخارجية وفهم فكرة الخطوط | كورس CSS 6:03 مشاهدة
22 - أستخدام أيقونات باستخدام CSS وأنشاء تصميم بسيط وتطبيق عملي علي ال CSS | أنشاء تصميم بسيط css 12:23 مشاهدة
23 - إتقان الخلفيات في CSS: إضافة الصور والتحكم في التكرار | كورس css 5:31 مشاهدة
24 - التحكم في حجم وموقع الخلفية وثباتها في وbackground-attachment CSS | background-position 7:27 مشاهدة
25 - الكتابة المختصرة للخصائص: background shorthand في CSS shorthand 2:35 مشاهدة
26 - الشفافية باستخدام خاصية Opacity في CSS 3:27 مشاهدة
27 - التحكم في الحجم الأقصى للعناصر: max-width و max-height في CSS 5:37 مشاهدة
28- شرح خاصية Overflow في CSS – التحكم في المحتوى الزائد ببساطة! 6:46 مشاهدة
29- ما هي CSS Combinators؟ شرح العلاقات بين العناصر في CSS 7:56 مشاهدة
30- هتتحكم في أي عنصر بـ سطر واحد! 💡 CSS Attribute Selectors 8:41 مشاهدة
31- CSS Pseudo Classes – تحكّم ذكي بالعناصر بلمسة واحدة! 10:44 مشاهدة
32 - CSS Pseudo-Elements – قوة before و after لتزيين المحتوى! 4:52 مشاهدة
33 - CSS Position Static vs Relative – الأساس والحركة داخل التدفق 5:02 مشاهدة
34 - CSS Position Absolute – التموضع الحر داخل الحاوية 5:20 مشاهدة
35 - CSS Position Fixed – العناصر الثابتة أثناء التمرير 3:32 مشاهدة
36 - شرح CSS Position Sticky عمليًا: كيف تجعل العناصر تلتصق أثناء التمرير؟ 3:04 مشاهدة
37 - كل ما يخص z-index في CSS فهم طبقات العناصر ومنع التداخل غير المرغوب 4:05 مشاهدة
38 - CSS Float ببساطة كيفية تحويم العناصر وترتيب النص حولها 5:05 مشاهدة
39 - مقدمة Flexbox: فهم اتجاه العناصر باستخدام flex-direction 5:11 مشاهدة
40 – توزيع العناصر وتحديد المسافات باستخدام justify-content و gap في Flexbox 6:06 مشاهدة
41 – flex wrap و flex flow لف العناصر وتحديد اتجاهها في Flexbox 2:17 مشاهدة
42 – الفرق بين align-items و align-content في Flexbox (مع أمثلة توضّح الفرق بوضوح) 5:45 مشاهدة
43 التحكم في توسّع العناصر داخل Flex – شرح flex grow بالتفصيل 3:23 مشاهدة
44 - flex-shrink – متى وكيف تنكمش العناصر داخل الحاوية؟ 4:43 مشاهدة
45 – flex-basis وكتابة flex المختصرة ضبط الأساس والحجم في سطر واحد 3:46 مشاهدة
46 – order إعادة ترتيب عناصر Flexbox بدون لمس الـ HTML 2:38 مشاهدة
47 – align-self تخصيص محاذاة عنصر واحد داخل Flexbox 1:16 مشاهدة
48 – CSS Grid التحكم في الأعمدة والصفوف باستخدام grid-template-columns, grid-template-rows وrepeat() 7:58 مشاهدة
49 – التحكم في تموضع العناصر داخل Grid باستخدام grid-row, grid-column وgrid-area 4:40 مشاهدة
50 – توزيع المساحات في CSS Grid باستخدام `fr`, `minmax()`، و`grid-gap 3:38 مشاهدة
51 – تصميم تخطيطات احترافية باستخدام `grid-template-areas` و `grid-area` 4:14 مشاهدة
🧲 52 - الانتقالات البسيطة باستخدام transition في CSS 6:32 مشاهدة
🧠 53 - المتغيرات (CSS Variables) في CSS – ازاي تستخدمها وتنظم كودك 3:20 مشاهدة
54 Media Queries 9:45 مشاهدة
55 - وحدات القياس النسبية في CSS ‎(%‎ | vw | vh) – ازاي تتحكّم في أبعاد العناصر على أي شاشة 3:31 مشاهدة
تصميم كامل ب HTML - CSS فقط | تصميم بطاقة منتج جذابة خطوة بخطوة (كارت أنيق + زر شراء تفاعلي) 21:13 مشاهدة
👌

الكورس ده ليك لو:

  • ✓<p>المبتدئين في تطوير المواقع، الطلاب، والمهتمين بتعلم أساسيات تصميم الويب</p>
❓

أسئلة متكررة

(خليني أجاوبك بصراحة)

سجّل حساب مجاني بالإيميل وهيبقى الكورس متاح ليك فورًا.

لا — وصول مدى الحياة. تشترك مرة وترجع للدروس في أي وقت، وأي تحديثات بتوصلك مجانًا.

من أي جهاز — موبايل أو لابتوب — من حسابك على المنصة مباشرة.

ابعتلنا على الإيميل من الزرار اللي تحت وهنرد عليك في أقرب وقت.

📧

تواصل معانا

يريت تبعت استفسارك بشكل كويس علشان نقدر نساعدك علطول

✉️ إرسال إيميل مباشر
🚀

جاهز تبدأ في تعلم css كاملة؟

دورة شاملة تغطي أساسيات css بشكل عملي ومبسط، من البداية حتى الاحتراف.

مجاني
✓ 56 درس ✓ 6 وحدات ✓ وصول مدى الحياة

🔓 تسجيل مجاني • وصول فوري

بعد التسجيل مباشرة:

1

حسابك يتعمل تلقائياً

2

توصلك رسالة بالبيانات

3

تفتح الكورس فوراً

مجاني

🚀 سجل مجاناً وابدأ

سنرسل لك بيانات حسابك على هذا البريد
أو

جاري التسجيل...