JavaScript: أساسيات البرمجة في المتصفح – الإعلام الآلي — السنة الثالثة ثانوي (شعبة علوم تجريبية) — المنهاج الجزائري

JavaScript: أساسيات البرمجة في المتصفح

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

المتغيرات والثوابت

طرق تعريف المتغيرات في JavaScript:
let name = “أحمد”; // متغير يمكن تغيير قيمته
const PI = 3.14; // ثابت لا يمكن تغييره
var old = “قديم”; // الطريقة القديمة (لا يفضل استخدامها)

الأنواع الأساسية للبيانات

• String: let message = “مرحباً بالعالم”.
• Number: let age = 25; let price = 9.99.
• Boolean: let isActive = true.
• Array: let colors = [“أحمر”, “أخضر”, “أزرق”].
• Object: let person = {name: “أحمد”, age: 25}.
• null / undefined: قيم فارغة.

الدوال (Functions)

// دالة تقليدية
function greet(name) {
return "مرحباً " + name;
}

// دالة سهم (Arrow Function)
const add = (a, b) => a + b;

التعامل مع DOM

DOM (Document Object Model) يسمح لـ JavaScript بالتفاعل مع عناصر الصفحة:
// اختيار عنصر
let heading = document.getElementById("title");
let buttons = document.querySelectorAll(".btn");

// تغيير المحتوى
heading.textContent = "نص جديد";

// إضافة حدث النقر
button.addEventListener("click", () => {
alert("تم النقر!");
});

الأحداث (Events)

الأحداث الشائعة في JavaScript: click (نقر)، mouseover (مرور فأرة)، keydown (ضغط مفتاح)، submit (إرسال نموذج)، load (تحميل الصفحة).

مثال تطبيقي: عداد نقرات

<button id=”counterBtn”>0</button>
<script>
let count = 0;
const btn = document.getElementById(“counterBtn”);
btn.addEventListener(“click”, () => {
count++;
btn.textContent = count;
});
</script>

تمارين

1. اكتب دالة JavaScript تحسب مجموع الأرقام من 1 إلى n.
2. أنشئ صفحة بها زر يغير لون الخلفية عند النقر عليه.
3. اكتب برنامجاً يعرض الساعة الحالية ويتحددث كل ثانية.
4. أنشئ نموذج تحقق من صحة البريد الإلكتروني قبل إرساله.

للمزيد من الدروس العلمية، راجع درس البيئة المائية: الكائنات الحية في الماء، كما يمكنك الاطلاع على التلوث وأنواعه وتأثيره على الصحة والبيئة.