JavaScript للمبتدئين: ما هي اللغة وكيف تبدأ تعلمها من الصفر؟

JavaScript

 للمبتدئين: ما هي اللغة وكيف تبدأ تعلمها من الصفر؟

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

المستخدمة في تطوير الويب. فهي تساعد على إضافة التفاعل إلى صفحات المواقع، مثل تشغيل

 الأزرار وتغيير المحتوى والاستجابة لإدخالات المستخدم.

في هذا المقال، سنتعرف على لغة JavaScript واستخداماتها، والفرق بينها وبين HTML وCSS، وكيف تبدأ تعلمها من خلال أمثلة عملية بسيطة.

ما هي لغة JavaScript؟

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

والصور فقط، يمكنها تنفيذ أوامر عند النقر على زر أو إدخال بيانات في نموذج.

كما يمكن استخدامها خارج المتصفح، مثل تطوير تطبيقات وخدمات الخوادم باستخدام بيئة التشغيل Node.js.

ومن المهم معرفة أن JavaScript تختلف عن Java؛ فهما لغتان منفصلتان رغم تشابه اسميهما.

ما الفرق بين JavaScript وHTML وCSS؟

تعمل هذه التقنيات معًا لبناء مواقع الويب، ولكل منها وظيفة محددة:

HTML: تحدد بنية الصفحة، مثل العناوين والفقرات والأزرار.

CSS: تتحكم في المظهر، مثل الألوان والخطوط والمسافات.

JavaScript: تضيف التفاعل، مثل تغيير النص عند الضغط على زر.

كيف تبدأ تعلم JavaScript؟

يمكنك تجربة أول كود باستخدام متصفح مثل Google Chrome، دون الحاجة إلى تثبيت برامج إضافية.

افتح أدوات المطور باستخدام F12، ثم انتقل إلى وحدة التحكم (Console)، واكتب:

console.log("Hello, JavaScript!");

ستظهر الرسالة Hello, JavaScript!، وتُستخدم console.log() لعرض النصوص والقيم أثناء تجربة الأكواد.

1. تعلّم المتغيرات

المتغيرات تسمح بتخزين البيانات واستخدامها داخل البرنامج.

const name = "Ahmed";
let age = 15;

console.log(name);
console.log(age);

تُستخدم const عندما لا تريد إعادة إسناد قيمة جديدة للمتغير، بينما تسمح let بتغيير قيمته لاحقًا.

2. تعلّم الشروط

تساعد الشروط البرنامج على اتخاذ قرارات بناءً على البيانات.

const score = 75;

if (score >= 50) {
  console.log("ناجح");
} else {
  console.log("حاول مرة أخرى");
}

إذا كانت الدرجة 50 أو أكثر، ستظهر كلمة «ناجح»، وإلا فستظهر الرسالة الأخرى.

3. أنشئ تفاعلًا بسيطًا

يمكنك استخدام JavaScript لتغيير محتوى صفحة ويب عند الضغط على زر:

<button onclick="changeText()">اضغط هنا</button>
<p id="message">مرحبًا!</p>

<script>
function changeText() {
  document.getElementById("message").textContent =
    "تم تغيير النص بنجاح!";
}
</script>

عند الضغط على الزر، تُنفَّذ الدالة changeText() ويتغير النص الموجود داخل الفقرة.

ما أفضل طريقة لتعلم اللغة؟

للتعلم بصورة عملية، اتبع الخطوات التالية:

افهم المتغيرات وأنواع البيانات والعمليات الحسابية.

تعلّم الشروط والحلقات والدوال.

تدرب على التعامل مع عناصر صفحات الويب والأحداث.

نفّذ مشروعات صغيرة، مثل آلة حاسبة أو عداد رقمي أو قائمة مهام.

اقرأ رسائل الأخطاء وحاول فهمها وإصلاحها بنفسك.

مصادر مجانية لتعلم JavaScript

يمكنك الاعتماد على المصادر التالية:

MDN Web Docs: دليل يشرح مفاهيم JavaScript الأساسية.

JavaScript.info: دروس متدرجة تبدأ من الأساسيات وتنتقل إلى موضوعات متقدمة.

Node.js: الموقع الرسمي لبيئة تشغيل JavaScript خارج المتصفح.

الخلاصة

تُعد JavaScript نقطة بداية مناسبة لكل من يريد تعلم تطوير الويب، إذ تساعد على إنشاء صفحات تفاعلية وتطبيقات عملية. ابدأ بالأمثلة البسيطة، وطبّق ما تتعلمه باستمرار، ثم انتقل تدريجيًا إلى بناء مشروعات أكبر.

KINGDOM — ابدأ بالتعلم، وطبّق ما تتعلمه حتى تتحول المعرفة إلى مهارة.