دعم مشاريع الأطفال: تطوير الويب

سيتم إغلاق التسجيل في هذه الدورة على منصة edX بتاريخ 16 فبراير 2026، كما ستتم إزالتها من edX في 31 مارس 2026. وبينما نقوم بإيقاف هذه الدورة تحديداً، يمكنك مواصلة التعلّم معنا مجاناً في مجالي الحوسبة وتعليم الحوسبة عبر منصتنا الجديدة للدورات عبر الإنترنت: Training Hub. نأمل أن نراك قريباً على Training Hub. فريق مؤسسة Raspberry Pi في هذه الدورة من مؤسسة Raspberry Pi، ستبدأ ببناء موقع ويب باستخدام HTML، ثم ستقوم بتنسيقه وتحسين مظهره باستخدام CSS، وبعد ذلك ستجعله تفاعلياً باستخدام JavaScript. خلال رحلتك ستتعرّف إلى «نموذج الصندوق» (Box Model) الذي يشرح كيف تقوم المتصفحات بترتيب عناصر صفحات الويب وتحديد المسافات والحدود والحشوات، كما ستتعلّم عن «نموذج كائنات المستند» (DOM) الذي يتفاعل معه كود JavaScript للوصول إلى عناصر الصفحة وتغييرها ديناميكياً. ستطبّق ما تتعلّمه عملياً عبر إنشاء صفحات ويب منظمة باستخدام الوسوم والسمات المناسبة، ثم استخدام الأصناف (classes) والمعرّفات (ids) للتحكم في التنسيق بطريقة قابلة لإعادة الاستخدام، بدلاً من الاعتماد على التنسيق المضمّن داخل العناصر. كما ستتدرّب على استخدام JavaScript للتعامل مع عناصر الصفحة عبر DOM لإضافة سلوك تفاعلي مثل الاستجابة للنقرات وتحديث المحتوى مباشرة للمستخدم. في الأسبوع الأخير، ستجمع هذه المهارات معاً لبناء موقع ويب تفاعلي متكامل يبرز فهمك لـ HTML وCSS وJavaScript وكيفية عملها معاً لإنشاء تجربة ويب جذابة.

• إنشاء صفحة ويب بلغة HTML باستخدام الوسوم والسمات المناسبة
• شرح مزايا استخدام CSS مقارنةً بالتنسيق المضمّن داخل العناصر
• تطبيق الأصناف (classes) والمعرّفات (ids) لتنسيق موقع ويب
• نمذجة صفحات الويب باستخدام نموذج الصندوق (Box Model)
• توضيح كيفية استخدام نموذج كائنات المستند (DOM) للوصول إلى عنصر في صفحة ويب
• إنشاء موقع ويب تفاعلي باستخدام JavaScript

• الإلمام ببنى البرمجة الأساسية مثل الحلقات (loops) وجمل الشرط (if)
• لا يُشترط وجود خبرة سابقة في HTML أو CSS أو JavaScript