طَبِّقْهاتعلّم المبدأ، وطبّقه بيدكمقرر 131 · تقنيات تطوير الواجهات الأمامية

📝 التقييمات

تقييم لكل درس يُصحَّح تلقائيًّا. ادرس الدرس أولًا، ثم اختبر نفسك.

الوحدة 1: تصميم المخطط الهيكلي

1. ما الواجهة الأمامية؟ وتجربة المستخدم13 سؤالًا←2. مبادئ التصميم: الألوان والخطوط والتباين13 سؤالًا←3. أدوات التصميم: Figma و Canva13 سؤالًا←

الوحدة 2: رسم المخطط الهيكلي

4. ما المخطط الهيكلي؟13 سؤالًا←5. عناصر الواجهة: الأزرار والقوائم والحقول13 سؤالًا←6. رسم مخطط صفحة كاملة13 سؤالًا←

الوحدة 3: التعرف على HTML

7. أول صفحة HTML وهيكلها13 سؤالًا←8. العناوين والفقرات وتنسيق النص14 سؤالًا←9. الروابط والصور13 سؤالًا←

الوحدة 4: بناء عناصر الواجهة الأمامية

10. القوائم والجداول13 سؤالًا←11. العناصر الدلالية في HTML513 سؤالًا←12. النماذج وحقول الإدخال13 سؤالًا←13. الصوت والفيديو13 سؤالًا←

الوحدة 5: التعرف على CSS

14. ما CSS؟ وطرق ربطها بالصفحة13 سؤالًا←15. المحددات13 سؤالًا←16. ميزات CSS3 وتوافق المتصفحات13 سؤالًا←

الوحدة 6: تنسيق صفحات الويب باستخدام CSS

17. الألوان والخلفيات13 سؤالًا←18. الخطوط والنصوص والروابط13 سؤالًا←19. نموذج الصندوق13 سؤالًا←20. ترتيب العناصر بـ Flexbox13 سؤالًا←21. التصميم المتجاوب13 سؤالًا←