مقدمة JavaScript
جافاسكربت (JavaScript) هي لغة برمجة (Programming Language) تُستخدم لجعل صفحات الويب تفاعلية وحيوية. إذا كانت HTML بمثابة بناء هيكل المنزل، وCSS تزيينه بالألوان والأثاث، فإن JavaScript هي من تضيف الحركة والذكاء لهذا المنزل. بفضلها يمكن إنشاء أزرار تتفاعل مع النقرات، وعرض الرسائل للمستخدمين، وتحديث المحتوى دون إعادة تحميل الصفحة.
يمكن استخدام JavaScript في موقع إخباري لتحديث الأخبار تلقائيًا، وفي متجر إلكتروني (E-commerce) للتحقق من بيانات المستخدم قبل إرسالها، وفي الصفحة الشخصية لإضافة تأثيرات حية على الصور والنصوص، وفي بوابة حكومية لتوفير نماذج تفاعلية تسهّل على المواطنين ملء البيانات.
في هذا الدرس ستتعلم أساسيات كتابة تعليمات JavaScript وتشغيلها داخل متصفحك. سنبدأ من أمثلة بسيطة جدًا وصولًا إلى مثال عملي صغير يساعدك على فهم طريقة الربط بين الأفكار النظرية والتطبيقات الواقعية. تخيّل الأمر وكأنك ترتّب مكتبة (Organizing Library)؛ كل كتاب له مكانه الخاص وكل حركة تضيف نظامًا وتفاعلًا لموقعك.
مثال أساسي
javascript// مثال بسيط لإظهار رسالة ترحيب
// إنشاء رسالة تنبيه (Alert) تظهر للمستخدم
alert("مرحبًا بك في موقعي!");الكود أعلاه يقوم بوظيفة بسيطة جدًا: إظهار رسالة ترحيب للمستخدم بمجرد فتح الصفحة.
دعونا نشرح هذا السطر خطوة بخطوة:
- كلمة alert() هي دالة (Function) مدمجة في JavaScript.
- ما بين الأقواس نكتب النص الذي نريد عرضه، وهو هنا "مرحبًا بك في موقعي!".
- النص محاط بعلامتي تنصيص مزدوجتين لأنه قيمة نصية (String).
- عند تنفيذ الكود داخل المتصفح، سيظهر مربع صغير (Popup) يحمل الرسالة التي كتبناها.
هذا المثال يُوضح جوهر JavaScript: التفاعل مع المستخدم. تخيّل أنك تدير موقعًا إخباريًا؛ يمكنك استخدام alert لإعلام الزائر بخبر عاجل، أو في متجر إلكتروني لإخبار العميل بنجاح عملية تسجيله. المبتدئون قد يتساءلون: أين نضع هذا الكود؟ الجواب: يمكن وضعه داخل وسم