دورة تصميم واجهات مواقع الويب (فرونت اند)

المنهج الدراسي

الوحدة الأولى – أساسيات تطوير الويب

• مقدمة في Front-End Development ومكوناته الأساسية.

• التعرف على HTML وHTML5 لبناء هيكل صفحات الويب.

• فهم الوسوم والعناصر وكيفية تنظيم المحتوى.

الوحدة الثانية – تصميم واجهات جذابة باستخدام CSS

• تنسيق الصفحات باستخدام CSS3.

• الألوان، والخطوط، والخلفيات، وتنسيق النصوص.

• تصميم صفحات متجاوبة تتناسب مع مختلف الأجهزة (Responsive Design).
  

الوحدة الثالثة – أُطر التصميم الحديثة

• التعرف على أُطر العمل مثل Bootstrap وTailwind CSS.

• تسريع عملية التصميم وإنشاء صفحات متناسقة باحترافية.

• تطبيق عملي لبناء واجهات متكاملة باستخدام الأطر.

الوحدة الرابعة – التفاعل باستخدام JavaScript

• مقدمة في لغة JavaScript.

• إضافة الحركة والتفاعل لعناصر الموقع.

• التعامل مع الأحداث (Events) وإنشاء واجهات ديناميكية.

الوحدة الخامسة – المشروع التطبيقي

• تنفيذ مشروع نهائي لتصميم موقع ويب متكامل.

• مراجعة وتطبيق جميع المفاهيم السابقة.

• اختبار نظري وتقييم عملي شامل.

المواد والأدوات المطلوبة:

• حاسوب شخصي ومتصفح حديث (Chrome / Edge / Firefox).

• محرر أكواد VS Code (إلزامي).

• اتصال مستقر بالإنترنت.

الموارد التدريبية:

• فيديوهات تعليمية مسجلة عالية الجودة.

• ملفات تطبيقية وتمارين عملية بعد كل وحدة.

• اختبار نظري قصير لتقييم الفهم بعد كل فصل.

المراجع الموصى بها:

• W3Schools (تمارين وأمثلة تفاعلية).

• قنوات يوتيوب: Traversy Media وThe Net Ninja.

• مجتمعات دعم: Stack Overflow، Reddit WebDev.

• مواقع تدريب إضافية: Frontend Mentor وFreeCodeCamp.

نظام التقييم:

• تمارين قصيرة: 20٪

• مشروع نهائي: 50٪

• اختبار نظري: 20٪

• المشاركة والنشاط: 10٪