مقدمة في JavaScript: ما هي وأين تُستخدم

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

ما هي JavaScript؟

JavaScript لغة برمجة تجعل صفحات الويب تفاعلية. عندما تضغط زر «أعجبني» فيزيد العدد فوراً، أو تكتب في مربع البحث فتظهر لك اقتراحات، أو تفتح قائمة تنزل من أعلى الصفحة، فهذه غالباً JavaScript تعمل في الخلفية.

لكي تفهم دورها، تخيّل أن صفحة الويب بيت:

• HTML هو الهيكل: الجدران والأبواب والغرف.
• CSS هو الديكور: الألوان والأثاث وشكل كل غرفة.
• JavaScript هي الكهرباء: تشغّل الأضواء عند الضغط على المفتاح، وتفتح الباب عندما تقترب منه.

بيت بلا كهرباء يمكن أن يكون جميلاً، لكنه لا «يستجيب» لك. وكذلك صفحة بلا JavaScript: تُعرض فقط، ولا تتفاعل مع ما تفعله.

قصة قصيرة عن اللغة

ظهرت JavaScript عام 1995. كتب نسختها الأولى المبرمج برندان آيك (Brendan Eich) في حوالي عشرة أيام فقط، لتعمل داخل متصفح اسمه Netscape. كان الهدف وقتها بسيطاً: إضافة لمسات تفاعلية صغيرة إلى الصفحات.

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

تنبيه

JavaScript ليست Java! رغم تشابه الاسم، هما لغتان مختلفتان تماماً في طريقة الكتابة والاستخدام. التشابه في الاسم كان قراراً تسويقياً قديماً، تماماً مثل «السيارة» و«السجادة»: يبدأ الاسمان بنفس الحرف ولا علاقة بينهما.

أين تُستخدم JavaScript؟

بدأت JavaScript داخل المتصفح، لكنها خرجت منه منذ سنوات. ستجدها اليوم في أماكن كثيرة:

• مواقع الويب التفاعلية: كل موقع حديث تقريباً يستخدمها، من مواقع التواصل إلى المتاجر الإلكترونية.
• السيرفرات: باستخدام بيئة اسمها Node.js يمكنك كتابة برامج تعمل على الخادم (Server) بنفس اللغة.
• تطبيقات الموبايل: أدوات مثل React Native تبني تطبيقات أندرويد وiPhone بـ JavaScript.
• برامج سطح المكتب: برامج مشهورة مثل VS Code مبنية بتقنية اسمها Electron تعتمد على JavaScript.
• الألعاب البسيطة: كثير من الألعاب التي تعمل في المتصفح مكتوبة بها.

لهذا يقول المبرمجون إن JavaScript «في كل مكان». تتعلمها مرة واحدة، فتفتح لك أبواباً كثيرة.

معلومة

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

ماذا تحتاج لتبدأ؟

الخبر الجميل أنك لا تحتاج إلى أي شيء معقد:

1. متصفح حديث مثل Chrome أو Edge أو Firefox. كلها تفهم JavaScript.
2. محرر نصوص لكتابة الكود. ننصحك بـ VS Code لأنه مجاني وسهل.
3. الفضول والصبر. البرمجة مهارة تُبنى بالتدريب، مثل ركوب الدراجة.

ولا تقلق إن لم يكن عندك جهاز كمبيوتر الآن، فكل درس في هذا الكورس فيه صندوق «جرّب بنفسك» تكتب فيه الكود وتشغّله داخل الصفحة مباشرة.

أول سطر JavaScript

انظر إلى هذا الكود:

console.log("مرحباً بك في عالم JavaScript!");
console.log(2 + 3);

السطر الأول يطلب من JavaScript أن تعرض الجملة المكتوبة بين علامتي التنصيص. والسطر الثاني يطلب منها أن تحسب 2 + 3 ثم تعرض النتيجة.

الناتج

مرحباً بك في عالم JavaScript!
5

لاحظ أن الأمر console.log هو طريقة JavaScript في «الكلام» معك. سنشرحه بالتفصيل في الدرس الثالث.

جرّب بنفسك

اضغط زر «شغّل» وشاهد الناتج. ثم غيّر الجملة إلى اسمك، وغيّر العملية الحسابية إلى أرقام أخرى، وشغّل مرة ثانية:

جرّب بنفسكJavaScript

محرر الكود (JavaScript)console.log("مرحباً بك في عالم JavaScript!"); console.log(2 + 3);

شغّلارجع للكود الأصليأو اضغط Ctrl + Enter

الناتج

أخطاء شائعة

• الخلط بين Java و JavaScript: عندما تبحث عن شرح أو حل لمشكلة، تأكد أنك تكتب «JavaScript» كاملة، وإلا ستجد نتائج للغة Java المختلفة تماماً.
• الاعتقاد أنك تحتاج برامج ضخمة: لا تحتاج إلى تثبيت أي شيء لتبدأ. المتصفح الذي تقرأ به هذا الدرس يكفي.
• محاولة حفظ كل شيء: لا أحد يحفظ كل أوامر اللغة. المبرمج المحترف يفهم الأفكار، ويبحث عن التفاصيل عند الحاجة.

اختبر نفسك

سؤال

في تشبيه صفحة الويب بالبيت، ما الذي تمثله JavaScript؟

الجدران والغرفالألوان والأثاثالكهرباء التي تجعل البيت يستجيب لك

سؤال

أي عبارة صحيحة عن JavaScript و Java؟

Java هي النسخة الحديثة من JavaScriptهما اسمان للغة نفسهاهما لغتان مختلفتان تماماً رغم تشابه الاسم

الخلاصة

• JavaScript هي اللغة التي تجعل صفحات الويب تفاعلية، بجانب HTML للهيكل و CSS للتنسيق.
• تعمل في كل المتصفحات، وأيضاً على السيرفرات وفي تطبيقات الموبايل وسطح المكتب.
• JavaScript ليست Java، فهما لغتان مختلفتان.
• تحتاج فقط إلى متصفح ومحرر نصوص لتبدأ.
• الأمر console.log يعرض لك النصوص ونتائج العمليات.