JavaScript

جافاسكريبت (JavaScript) هي لغة برمجة شهيرة تُستخدم على نطاق واسع في إنشاء مواقع الويب وتطبيقات الويب الحديثة. وتُعد مع HTML وCSS من التقنيات الأساسية في تطوير الويب.

JavaScript هي لغة برمجة تُستخدم لجعل صفحات الويب تفاعلية وديناميكية.

يمكن استخدامها للاستجابة لتفاعل المستخدم، ومعالجة النماذج، وإنشاء الحركات، وتغيير محتوى الصفحة، والتواصل مع الخدمات المختلفة.

ولا تقتصر JavaScript اليوم على المتصفحات، بل يمكن استخدامها أيضًا على الخوادم وفي بيئات أخرى.

تُستخدم JavaScript في العديد من المجالات، منها:

• تطوير مواقع الويب
• تطبيقات الويب التفاعلية
• تطوير الواجهات الأمامية
• تطوير الواجهات الخلفية
• التعامل مع واجهات API
• تطبيقات الهاتف
• تطبيقات سطح المكتب
• الألعاب والمشاريع التفاعلية
• معالجة بيانات المستخدمين

ومن خلال تقنيات مثل Node.js يمكن تشغيل JavaScript على الخادم أيضًا.

يمكن استخدام JavaScript لإنشاء مواقع تفاعلية، وآلات حاسبة، وألعاب، ونماذج، وقوائم، وتطبيقات ويب مختلفة.

مثال

const name = "Nibras Code";
console.log("مرحبًا، " + name);

يقوم هذا الكود بعرض رسالة ترحيب في وحدة التحكم.

يمكن تعلم أساسيات JavaScript بشكل تدريجي، ولكن الممارسة المستمرة مهمة لفهم اللغة بشكل جيد.

يمكن للمبتدئ البدء بالمواضيع التالية:

1. المتغيرات
2. أنواع البيانات
3. الشروط
4. الحلقات
5. الدوال
6. المصفوفات والكائنات
7. DOM
8. الأحداث
9. JavaScript غير المتزامنة
10. واجهات API

المميزات

• تعمل مباشرة داخل المتصفح
• تُستخدم على نطاق واسع في تطوير الويب
• لديها منظومة كبيرة من المكتبات وأطر العمل
• يمكن استخدامها في الواجهة الأمامية والخلفية
• لديها مجتمع كبير من المطورين
• يمكن استخدامها على منصات مختلفة

العيوب

• بعض خصائص اللغة قد تكون مربكة للمبتدئين
• قد تبدو البرمجة غير المتزامنة صعبة في البداية
• تحتاج المشاريع الكبيرة إلى تنظيم جيد للكود
• كثرة المكتبات وأطر العمل قد تجعل اختيار التقنية المناسبة أكثر صعوبة

المتغيرات

const name = "Ali";
let age = 20;

الشرط

if (age >= 18) {
    console.log("بالغ");
}

الحلقة

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

الدالة

function greet(name) {
    return "مرحبًا، " + name;
}

console.log(greet("Ali"));

رسالة بسيطة

console.log("مرحبًا بالعالم!");

الجمع

let a = 10;
let b = 20;

console.log(a + b);

التحقق من الرقم

let number = 10;

if (number > 0) {
    console.log("رقم موجب");
}

المصفوفة

const fruits = ["Apple", "Banana", "Orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

الأسطر القصيرة أعلاه تُظهر فكرة واحدة. هذه الأمثلة تسير بعمل صغير من أوله إلى آخره. افتح كونسول المتصفح والصق الكود واضغط Enter. ثم غيّر اسماً أو رقماً وشغّله مرة أخرى.

كتابة الأسماء من قائمة

عدة أسماء في قائمة واحدة. for يأخذ كل اسم بالدور ويكتبه. إذا أضفت اسماً فالحلقة تكتبه أيضاً. لا يلزم سطر منفصل لكل اسم.

const names = ["Aysel", "Murad", "Nigar"];
for (const name of names) {
  console.log("Salam, " + name);
}

تخرج ثلاث أسطر: Salam, Aysel ثم Murad ثم Nigar.

تذكر طالب واحد

الكائن يحفظ عدة صفات لشيء واحد. الاسم والدرجة معاً. تكتب المفتاح بعد النقطة فتأتي القيمة. إذا كانت الدرجة 50 أو أكثر يُكتب Keçdi. اجعل الدرجة 40 فيسكت ذلك السطر.

const student = { name: "Aysel", score: 85 };
console.log(student.name);
if (student.score >= 50) {
  console.log("Keçdi");
}

أولاً Aysel ثم Keçdi. المفتاح الخطأ لا يخمّن، بل يعطي undefined.

إيجاد المتوسط

total يبدأ من صفر وكل درجة تُضاف. في الأخير يُقسم المجموع على عدد الأرقام في القائمة. متوسط 70 و80 و90 هو 80. إذا أضفت درجة رابعة فالمقسوم عليه يتغير وحده.

const scores = [70, 80, 90];
let total = 0;
for (const score of scores) {
  total = total + score;
}
const average = total / scores.length;
console.log(average);

يظهر 80. هذا المثال لا يقرّب الرقم.

تغيير نص الزر عند الضغط

هذا هو العمل الذي تُعرف به جافاسكريبت. querySelector يجد أول زر في الصفحة. addEventListener ينتظر الضغط. حين يأتي الضغط يصير نص الزر Basıldı. إذا لم يوجد زر فـ querySelector يرجع فراغاً والسطر التالي ينكسر. ضع زراً في HTML أولاً.

const button = document.querySelector("button");
button.addEventListener("click", function () {
  button.textContent = "Basıldı";
});

قبل الضغط يبقى النص القديم. بعد الضغط يتغير النص فقط. الصفحة لا تُعاد تحميلها.

ما هي JavaScript؟

JavaScript هي لغة برمجة تُستخدم على نطاق واسع لإنشاء مواقع وتطبيقات ويب تفاعلية.

هل JavaScript مجانية؟

نعم. لا تحتاج إلى شراء ترخيص منفصل لاستخدام JavaScript.

هل يمكن إنشاء مواقع باستخدام JavaScript؟

نعم. تُستخدم JavaScript على نطاق واسع مع HTML وCSS في تطوير مواقع الويب.

هل يمكن إنشاء تطبيقات الهاتف باستخدام JavaScript؟

نعم. توجد تقنيات وأطر عمل مختلفة تسمح بإنشاء تطبيقات الهاتف باستخدام JavaScript.

هل تعمل JavaScript على الخادم؟

نعم. يمكن تشغيلها على الخادم باستخدام تقنيات مثل Node.js.

هل Java وJavaScript لغة واحدة؟

لا. Java وJavaScript لغتان مختلفتان في البرمجة.