البرمجة والذكاء الاصطناعي · الصف الأول الثانوي
أسئلة: إنشاء صفحات ويب تفاعلية بالذكاء الاصطناعي وعرض موقعك تقديميًّا
15 سؤال اختيار من متعدد و4 سؤال مقالي بنموذج إجابة، لمراجعة درس «إنشاء صفحات ويب تفاعلية بالذكاء الاصطناعي وعرض موقعك تقديميًّا» من البرمجة والذكاء الاصطناعي (الصف الأول الثانوي). راجع الأسئلة أدناه، أو اختبر نفسك فورًا.
اختبار سريع من 10 أسئلة عشوائية من بنك الأسئلة أعلاه — تُخلط الأسئلة والاختيارات في كل مرة، فلن يتكرر الاختبار بنفس الترتيب.
اختيار من متعدد
الصفحة التي تتغير وتستجيب لإجراءات المستخدم تسمى صفحة:
عرض الإجابة والتعليل
الإجابة الصحيحة: تفاعلية (ديناميكية)
الصفحات التفاعلية تستخدم JavaScript.
الوسم المستخدم لربط ملف JavaScript بصفحة HTML هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: script
script src="script.js".
يوضع وسم script غالبًا في نهاية body لأن:
عرض الإجابة والتعليل
الإجابة الصحيحة: عناصر الصفحة تكون قد ظهرت قبل أن يحاول الكود الوصول إليها
حتى يجد الكود العناصر.
الدالة addEventListener("click", ...) تعني:
عرض الإجابة والتعليل
الإجابة الصحيحة: نفّذ الأوامر عند حدوث النقر
تستمع لحدث النقر.
الكلمة let في JavaScript تعرّف متغيرًا:
عرض الإجابة والتعليل
الإجابة الصحيحة: يمكن أن تتغير قيمته
let قابل للتغيير، وconst ثابت.
إذا كانت المصفوفة colors بها 4 ألوان، فإن colors.length تساوي:
عرض الإجابة والتعليل
الإجابة الصحيحة: 4
length عدد العناصر.
إذا كانت index = 3 والمصفوفة بها 4 ألوان، فإن (index + 1) % 4 تساوي:
عرض الإجابة والتعليل
الإجابة الصحيحة: 0
4 % 4 = 0، فيعود للون الأول.
استخدام باقي القسمة % في برنامج تغيير الألوان يفيد في:
عرض الإجابة والتعليل
الإجابة الصحيحة: العودة إلى أول لون بعد آخر لون
الدوران بين القيم.
الأمر document.body.style.backgroundColor = colors[index] يؤدي إلى:
عرض الإجابة والتعليل
الإجابة الصحيحة: تغيير لون خلفية الصفحة إلى اللون المختار من المصفوفة
يغير لون الخلفية.
الدالة querySelectorAll(".headline") تحدد:
عرض الإجابة والتعليل
الإجابة الصحيحة: كل العناصر التي لها الفئة headline
تحدد كل العناصر المطابقة.
الدالة forEach في JavaScript تشبه في Python:
عرض الإجابة والتعليل
الإجابة الصحيحة: حلقة for
تمر على كل عنصر.
إذا لم يعمل الزر في صفحتك، فمن أول ما تتحقق منه:
عرض الإجابة والتعليل
الإجابة الصحيحة: تطابق قيمة id في HTML وJavaScript
اختلاف id سبب شائع.
الأداة في المتصفح التي تعرض رسائل أخطاء JavaScript هي:
عرض الإجابة والتعليل
الإجابة الصحيحة: Console في أدوات المطور
Console تعرض الأخطاء.
من نقاط العرض التقديمي لموقع الويب:
عرض الإجابة والتعليل
الإجابة الصحيحة: موضوع الموقع وما تعلمته في HTML وCSS وJavaScript
أربع نقاط: الموضوع ثم ما تعلمته في كل لغة.
في العرض التقديمي لموقعك يجب أن:
عرض الإجابة والتعليل
الإجابة الصحيحة: تشرح ما فهمته أنت وتوضح بصدق ما ساعدك فيه الذكاء الاصطناعي
الأمانة والفهم.
أسئلة مقالية
كيف تُربط ملفات CSS وJavaScript بصفحة HTML؟ ولماذا يوضع وسم script غالبًا في نهاية body؟
عرض نموذج الإجابة
CSS بالوسم link rel="stylesheet" href="style.css" داخل head، وJavaScript بالوسم script src="script.js". ويوضع script في نهاية body حتى تكون عناصر الصفحة قد ظهرت قبل أن يحاول الكود الوصول إليها.
اشرح كيف يغيّر البرنامج لون الخلفية بين 4 ألوان في كل ضغطة زر.
عرض نموذج الإجابة
نخزن الألوان في مصفوفة colors، ومتغير index يبدأ من 0. عند النقر نحسب index = (index + 1) % colors.length فيأخذ القيم 1، 2، 3، 0، 1… ثم نجعل document.body.style.backgroundColor يساوي colors[index].
فرّق بين const وlet في JavaScript.
عرض نموذج الإجابة
const تعرّف متغيرًا لا تتغير قيمته بعد تعريفه، مثل حفظ عنصر الزر. let تعرّف متغيرًا يمكن تغيير قيمته، مثل index الذي يزيد مع كل ضغطة.
اذكر النقاط الأربع للعرض التقديمي لموقع الويب مع مثال لكل نقطة.
عرض نموذج الإجابة
1) موضوع الموقع: مثل موقع عن كرة القدم. 2) ما تعلمته في HTML: مثل ربط CSS وJavaScript بالوسمين link وscript. 3) ما تعلمته في CSS: مثل تعيين لون الخلفية للمحدد body. 4) ما تعلمته في JavaScript: مثل تحديد العناصر بـ getElementById وكتابة ما يحدث عند النقر بـ addEventListener.