الدرس 1: مقدمة إلى JavaScript

ما هي JavaScript؟


JavaScript هي واحدة من أشهر لغات البرمجة المستخدمة على نطاق واسع لتطوير تطبيقات الويب. تعمل JavaScript في متصفحات الويب وتتيح لك إضافة التفاعل والديناميكية إلى صفحات HTML الثابتة. يمكن لـ JavaScript تحديث محتوى الصفحة بدون إعادة تحميلها، التحقق من صحة البيانات التي يدخلها المستخدم، التحكم في الوسائط المتعددة، وحتى التواصل مع الخوادم عبر الشبكة.


مميزات JavaScript:


• مفسرة وليست مترجمة: يتم تنفيذ JavaScript مباشرة في متصفح المستخدم بدون الحاجة إلى ترجمة مسبقة، مما يجعلها سريعة وفعالة.


• لغة ديناميكية: يمكن للمتغيرات في JavaScript أن تتغير أنواعها أثناء التشغيل، مما يجعل اللغة مرنة في التعامل مع أنواع البيانات المختلفة.


• متعددة الاستخدامات: تستخدم JavaScript في واجهة المستخدم (الجزء الأمامي من الموقع) وكذلك في الخوادم (مثل Node.js).


كيف تعمل JavaScript؟


عندما تزور موقع ويب يحتوي على كود JavaScript، يقوم المتصفح بتحميل وتنفيذ هذا الكود. يمكن لـ JavaScript التفاعل مع محتوى HTML و CSS لتغيير المظهر والوظائف دون الحاجة إلى إعادة تحميل الصفحة.


مثال عملي:



<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>مقدمة إلى JavaScript</title>
</head>
<body>

<h1>مرحبًا بك في تعلم JavaScript!</h1>
<button onclick="greet()">اضغط هنا</button>

<script>
    function greet() {
        alert('مرحبًا، هذه رسالة من JavaScript!');
    }
</script>

</body>
</html>

في هذا المثال:
• يتم استخدام JavaScript لإظهار رسالة منبثقة عندما يضغط المستخدم على الزر.
• الكود داخل عنصر `<script>` هو كود JavaScript يتم تنفيذه بواسطة المتصفح.
• الدالة `greet()` تحتوي على الكود الذي يظهر الرسالة، ويتم استدعاؤها عند الضغط على الزر.