لغة جافا سكريبت (JavaScript) — مقدمة في البرمجة النصية — الإعلام الآلي — السنة الرابعة متوسط — المنهاج الجزائري

\n

لغة جافا سكريبت (JavaScript) هي لغة برمجة تستخدم لإضافة التفاعلية والديناميكية إلى صفحات الويب. بينما تقوم HTML ببناء هيكل الصفحة وCSS بتنسيقها، تقوم JavaScript بجعلها تتفاعل مع المستخدم. في هذا الدرس، سنتعرف على أساسيات هذه اللغة المهمة.

\n\n

الأهداف التعليمية

\n

\n
• أن يتعرف التلميذ على مفهوم لغة JavaScript ودورها في صفحات الويب

\n

• أن يتمكن من كتابة أوامر بسيطة بلغة JavaScript

\n

• أن يستخدم المتغيرات والدوال والأحداث في برامج بسيطة

\n

\n\n

الشرح المبسط

\n\n

ما هي JavaScript؟ JavaScript هي لغة برمجة عالية المستوى، تُستخدم أساساً في متصفحات الويب لجعل الصفحات تفاعلية. طورتها شركة Netscape عام 1995. على عكس HTML وCSS، تعتبر JavaScript لغة برمجة حقيقية تحتوي على متغيرات ودوال وهياكل تحكم. يمكن تضمين كود JavaScript داخل صفحة HTML باستخدام الوسم <script>.

\n\n

المتغيرات (Variables): المتغير هو حاوية لتخزين البيانات. في JavaScript، يمكن تعريف متغير باستخدام الكلمة var أو let أو const. مثال: let age = 15; — هنا قمنا بتعريف متغير اسمه age ووضعنا فيه القيمة 15. أنواع البيانات في JavaScript تشمل: الأرقام (Numbers)، النصوص (Strings)، القيم المنطقية (Booleans: true/false).

\n\n

المخرجات والتفاعل: يمكن عرض البيانات للمستخدم بعدة طرق: alert(“مرحباً”) — تظهر نافذة منبثقة، document.write(“نص”) — يكتب داخل الصفحة، console.log(“رسالة”) — يطبع في وحدة التحكم (Console) للمطورين.

\n\n

الدوال (Functions): الدالة هي مجموعة من الأوامر المنظمة التي تؤدي مهمة محددة. يمكن استدعاؤها عند الحاجة. تعريف دالة: function sayHello() { alert(“مرحباً بك!”); } — ثم استدعاؤها: sayHello(); يمكن للدوال أن تأخذ معاملات (Parameters) وترجع قيماً (Return values).

\n\n

الأحداث (Events): الأحداث هي تفاعلات المستخدم مع الصفحة مثل النقر (Click)، تمرير الفأرة (MouseOver)، تحميل الصفحة (Load). يمكن ربط الدوال بهذه الأحداث لجعل الصفحة تستجيب. مثال: <button onclick=”showMessage()”>اضغط هنا</button> — عند النقر على الزر، تنفذ الدالة showMessage().

\n\n

تطبيق عملي: لنكتب كوداً بسيطاً يطلب من المستخدم إدخال اسمه ثم يعرض رسالة ترحيب: prompt(“ما اسمك؟”) لطلب الإدخال، ثم alert(“مرحباً ” + name) لعرض الرسالة.

\n\n

أمثلة محلولة

\n

المثال 1: اكتب كود JavaScript يعرض رسالة “أهلاً بالعالم”.

\n

<script> alert(“أهلاً بالعالم”); </script>

\n\n

المثال 2: اكتب دالة تجمع عددين وتظهر النتيجة.

\n

function sum(a, b) { let result = a + b; alert(“المجموع: ” + result); } — ثم استدعها: sum(5, 3); فتظهر رسالة “المجموع: 8”.

\n\n

تمارين تطبيقية

\n

\n
1. اكتب كود JavaScript يعرض اسمك في نافذة منبثقة.

\n

2. عرف متغيرين (رقمين) واجمعهما، ثم اعرض النتيجة في الصفحة باستخدام document.write().

\n

3. أنشئ دالة تقوم بضرب عدد في 2 وتظهر النتيجة.

\n

4. اكتب زراً في HTML يستدعي دالة JavaScript تعرض رسالة “تم النقر على الزر”.

\n

5. استخدم prompt لطلب عمر المستخدم ثم عرض رسالة تختلف حسب العمر (أقل من 18 أو أكبر).

\n

\n\n

نشاط منزلي

\n

اكتب صفحة HTML بسيطة تحتوي على زر وعند النقر عليه، تظهر نافذة تطلب اسم المستخدم ثم تعرض رسالة ترحيب مخصصة. استخدم prompt() و alert(). اختبر الكود في متصفحك.

---

📌 دروس مشابهة

• إنشاء صفحة ويب بلغة HTML – الإعلام الآلي – الرابعة متوسط
• تنسيق صفحات الويب بلغة CSS – الإعلام الآلي – الرابعة متوسط