CSS
التعمّق في CSS
تتعمّق في نموذج الصندوق والمتغيّرات والتموضع واستعلامات الحاوية وغيرها، لتفهم ما يجري خلف التنسيق الذي تراه.
ابدأ المسارمجاني ولا يحتاج إلى تسجيل
ما ستتعلّمه
- نموذج الصندوقلماذا يزيد العرض عمّا كتبته
- المتغيّرات المخصّصةقيمة واحدة في مكان واحد
- التموضععنصر فوق عنصر
- استعلام الحاويةمكوّن يتكيّف مع حاويته
- التحوّلاتحركة لا تُثقل المتصفح
- العناصر الوهميةزخرفة وحالات دون وسوم جديدة
- أولوية القواعدلماذا لا تُطبَّق قاعدتك
- صور تملأ صناديقهانسبة ثابتة دون تشويه
محتوى المسار
8 دروس مجموع مدّتها ساعة ونصف- 1نموذج الصندوقCSSلماذا يزيد العرض عمّا كتبته12 دقيقة
- 2المتغيّرات المخصّصةCSSقيمة واحدة في مكان واحد13 دقيقة
- 3التموضعCSSعنصر فوق عنصر14 دقيقة
- 4استعلام الحاويةCSSمكوّن يتكيّف مع حاويته14 دقيقة
- 5التحوّلاتCSSحركة لا تُثقل المتصفح12 دقيقة
- 6العناصر الوهميةCSSزخرفة وحالات دون وسوم جديدة12 دقيقة
- 7أولوية القواعدCSSلماذا لا تُطبَّق قاعدتك13 دقيقة
- 8صور تملأ صناديقهاCSSنسبة ثابتة دون تشويه12 دقيقة
مسارات أخرى في الويب
كل المسارات- </>مبتدئ
أساسيات الويب
تبدأ من أول وسم في HTML وتنتهي بتطبيق تفاعلي كامل.
8 دروسساعة ونصف - { }مبتدئ
النصّ والطباعة
تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.
8 دروسساعة ونصف - JSمتوسّط
التعمّق في JavaScript
تتعامل مع البيانات والدوال والعمليات التي تأخذ وقتًا، حتى تبني واجهة تُنشئ عناصرها من البيانات.
8 دروسساعتان