مقدمة عن JavaScript

JavaScript هي واحدة من أهم لغات البرمجة في عالم الويب الحديث. لا يكاد يوجد موقع ويب تفاعلي اليوم بدون JavaScript، فهي اللغة المسؤولة عن التفاعل، الحركة، الذكاء، وربط المستخدم بالموقع بشكل ديناميكي.

عند زيارة أي موقع يحتوي على أزرار تتغير، نماذج تتحقق من البيانات، نوافذ منبثقة، تحديث محتوى بدون إعادة تحميل الصفحة، أو تطبيقات ويب متقدمة مثل Gmail وFacebook وYouTube، فاعلم أن JavaScript تلعب دورًا أساسيًا خلف الكواليس.

ما هي JavaScript؟

JavaScript هي لغة برمجة عالية المستوى تعمل أساسًا في المتصفح (Browser)، وتُستخدم لجعل صفحات الويب تفاعلية وديناميكية.

ببساطة:

HTML → لبناء هيكل الصفحة
CSS → لتصميم وتنسيق الصفحة
JavaScript → لإضافة التفاعل والذكاء إلى الصفحة

JavaScript ليست Java ❌
رغم تشابه الاسم، JavaScript لغة مختلفة تمامًا عن Java.

ماذا يمكن أن نفعل باستخدام JavaScript؟

باستخدام JavaScript يمكنك:

التفاعل مع المستخدم (الضغط على زر، إدخال بيانات)
التحقق من صحة النماذج (Forms Validation)
تغيير محتوى الصفحة بدون إعادة تحميل
إنشاء ألعاب وتطبيقات ويب
التعامل مع APIs وجلب البيانات
بناء تطبيقات كاملة (Front-End وBack-End)

مثال بسيط: عرض رسالة ترحيب

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Example</title>
</head>
<body>

<button onclick="sayHello()">اضغط هنا</button>

<script>
  function sayHello() {
    alert("مرحبًا بك في عالم JavaScript!");
  }
</script>

</body>
</html>

📌 عند الضغط على الزر، ستظهر رسالة ترحيب للمستخدم.

مثال: تغيير نص داخل الصفحة

<p id="text">النص الأصلي</p>
<button onclick="changeText()">تغيير النص</button>

<script>
  function changeText() {
    document.getElementById("text").innerHTML = "تم تغيير النص باستخدام JavaScript";
  }
</script>

🧠 هذا المثال يوضح كيف يمكن لـ JavaScript التحكم بعناصر الصفحة (DOM).

مثال: التحقق من إدخال المستخدم

<input type="text" id="name" placeholder="اكتب اسمك">
<button onclick="checkName()">تحقق</button>

<script>
  function checkName() {
    let name = document.getElementById("name").value;

    if (name === "") {
      alert("الرجاء إدخال الاسم");
    } else {
      alert("مرحبًا " + name);
    }
  }
</script>

✔️ هذا مثال بسيط على التحقق من البيانات قبل إرسالها.

أين تعمل JavaScript؟

في المتصفح (Chrome, Firefox, Edge…)
على السيرفر باستخدام Node.js
في تطبيقات الهاتف (React Native)
في تطبيقات سطح المكتب

لماذا JavaScript مهمة جدًا؟

سهلة التعلم نسبيًا
مدعومة من جميع المتصفحات
لها مجتمع ضخم ومكتبات قوية
مطلوبة جدًا في سوق العمل
أساس تقنيات حديثة مثل: => React, Vue, Angular, Next.js

خلاصة

JavaScript هي قلب الويب التفاعلي ❤️
تعلمها يفتح لك أبوابًا كبيرة في:

تطوير المواقع
بناء التطبيقات
العمل الحر
إنشاء مشاريعك الخاصة

إذا أتقنت JavaScript، يمكنك الانتقال بسهولة إلى تقنيات متقدمة وبناء أنظمة وCRM ومنصات كاملة.

التالي كيفية دراسة هذه الدورة: دليل شامل للنجاح

الكلمات الدلالية

لا توجد تعليقات

اترك تعليقاً إلغاء الرد

يجب أنت تكون مسجل الدخول لتضيف تعليقاً.