مقرر 131 · بلغات HTML و CSS و JavaScript
تقنيات تطوير الواجهات الأمامية
دروس قصيرة بمستوى المبادئ: فكرة واحدة في كل قسم، وأمثلة تعمل داخل الصفحة، وأسئلة تصحَّح فورًا. ابدأ من الدرس الأول، وطبّق كل فكرة بيدك.
الوحدة 1: تصميم المخطط الهيكلي
1. ما الواجهة الأمامية؟ وتجربة المستخدمجاهز←2. مبادئ التصميم: الألوان والخطوط والتباينجاهز←3. أدوات التصميم: Figma و Canvaجاهز←
الوحدة 2: رسم المخطط الهيكلي
4. ما المخطط الهيكلي؟جاهز←5. عناصر الواجهة: الأزرار والقوائم والحقولجاهز←6. رسم مخطط صفحة كاملةجاهز←
الوحدة 3: التعرف على HTML
الوحدة 4: بناء عناصر الواجهة الأمامية
10. القوائم والجداولجاهز←11. العناصر الدلالية في HTML5جاهز←12. النماذج وحقول الإدخالجاهز←13. الصوت والفيديوجاهز←
الوحدة 5: التعرف على CSS
الوحدة 6: تنسيق صفحات الويب باستخدام CSS
17. الألوان والخلفياتجاهز←18. الخطوط والنصوص والروابطجاهز←19. نموذج الصندوقجاهز←20. ترتيب العناصر بـ Flexboxجاهز←21. التصميم المتجاوبجاهز←
الوحدة 7: التعرف على JavaScript
22. أول برنامج JavaScript والمتغيّراتقريبًا
23. الشروط والحلقات والدوالقريبًا
24. المصفوفات والكائناتقريبًا
الوحدة 8: صفحات الويب التفاعلية
25. الوصول إلى عناصر الصفحة: DOMقريبًا
26. الأحداثقريبًا
27. النماذج والتحقق من المدخلاتقريبًا
الوحدة 9: تفاعلية الويب المتقدمة
28. إنشاء العناصر وحذفها: قائمة مهامقريبًا
29. مكونات Bootstrap والمشروع الختاميقريبًا