اهمية لغة جافا سكريبت
ما المقصود بـ JavaScript؟
JavaScript هي لغة برمجة يستخدمها المطورون في بناء صفحات ويب تفاعلية. بدايةً من تحديث مواجز الوسائط الاجتماعية وحتى عرض الرسوم المتحركة والخرائط التفاعلية، يمكن لوظائف JavaScript أن تحسّن تجربة مستخدم وقع الويب. ونظرًا لأنها لغة برمجة نصية من طرف العميل، فإنها تعد واحدة من التقنيات الأساسية في شبكة الويب العالمية. على سبيل المثال، عندما ترى أثناء تصفح الإنترنت عرضًا دوّارًا للصور، أو قائمةً منسدلةً بطريقة انقر للعرض، أو تغيرًا ديناميكيًا في ألوان العناصر على صفحة ويب ، فكل هذا من تأثيرات JavaScript.
فيمَ تُستخدم JavaScript؟
في الماضي، كانت صفحات الويب ثابتة، كصفحات الكتاب. وكانت الصفحة الثابتة تعرض المعلومات في تخطيط ثابت، ولم تكن تفعل كل ما نتوقعه الآن من أي موقع ويب حديث. وظهرت JavaScript كتقنية من جانب المتصفح لإضفاء مزيدٍ من الديناميكية على تطبيقات الويب. وباستخدام JavaScript، يمكن للمتصفحات الاستجابة لتفاعل المستخدم وتغيير تخطيط المحتوى على صفحة الويب.
ومع تطور اللغة، أنشأ مطورو JavaScript مكتبات وأُطر عمل وممارسات برمجة وبدؤوا في استخدامها خارج متصفحات الويب. واليوم، يمكن استخدام JavaScript للتطوير من طرف العميل ومن طرف الخادم. خلال الأقسام الفرعية التالية، سنستعرض بعضًا من حالات الاستخدام الشائعة:
في الماضي، كانت صفحات الويب ثابتة، كصفحات الكتاب. وكانت الصفحة الثابتة تعرض المعلومات في تخطيط ثابت، ولم تكن تفعل كل ما نتوقعه الآن من أي موقع ويب حديث. وظهرت JavaScript كتقنية من جانب المتصفح لإضفاء مزيدٍ من الديناميكية على تطبيقات الويب. وباستخدام JavaScript، يمكن للمتصفحات الاستجابة لتفاعل المستخدم وتغيير تخطيط المحتوى على صفحة الويب.
ومع تطور اللغة، أنشأ مطورو JavaScript مكتبات وأُطر عمل وممارسات برمجة وبدؤوا في استخدامها خارج متصفحات الويب. واليوم، يمكن استخدام JavaScript للتطوير من طرف العميل ومن طرف الخادم. خلال الأقسام الفرعية التالية، سنستعرض بعضًا من حالات الاستخدام الشائعة:
كيف تعمل JavaScript؟
تعمل جميع لغات البرمجة من خلال ترجمة بناء جملة شبيه باللغة الإنجليزية إلى تعليمة برمجية للآلة، ويقوم نظام التشغيل بعد ذلك بتشغيلها. وتُصنف JavaScript على نطاق واسع باعتبارها لغة برمجة نصية أو لغة مفسَّرَة. تعليمة JavaScript البرمجية هي تعليمة مفسَّرَة، بمعني أنها تُترجم مباشرةً إلى التعليمة البرمجية الأساسية للغة الآلة من خلال محرك JavaScript. وباستخدام لغات برمجة أخرى، يقوم المحول البرمجي (المترجم) بتحويل التعليمة البرمجية بالكامل إلى تعليمة برمجية للآلة في خطوة منفصلة. ومن ثمّ، فإن جميع لغات البرمجة النصية هي لغات برمجة، ولكن ليست كل لغات البرمجة هي لغات برمجة نصية.
محرك JavaScript
محرك JavaScript هو برنامج حاسوبي يشغّل تعليمة JavaScript البرمجية. ورغم أن محركات JavaScript الأولى كانت عبارة عن أدوات تفسير (مترجمين)، إلا أن جميع المحركات الحديثة تستخدم التحويل في الوقت المناسب أو تحويل وقت التشغيل لتحسين الأداء.
JavaScript من جانب العميل
تشير JavaScript من جانب العميل إلى طريقة عمل JavaScript في متصفحك. وفي هذه الحالة، يكون محرك JavaScript موجودًا داخل التعليمة البرمجية للمتصفح. تأتي جميع متصفحات الويب الرئيسة مضمّن بها محركات JavaScript.
ويكتب مطورو تطبيقات الويب تعليمة JavaScript البرمجية بوظائف مختلفة مرتبطة بأحداث مختلفة، مثل النقر بالماوس أو تمرير الماوس. وتقوم هذه الوظائف بإجراء تغييرات على صفحات HTML وCSS.
وفيما يلي نظرة عامة حول كيفية عمل JavaScript من جانب العميل:
1. يقوم المتصفح بتحميل صفحة ويب عند زيارة هذه الصفحة.
2. أثناء التحميل، يقوم المتصفح بتحويل الصفحة وجميع عناصرها، مثل الأزرار والتسميات والمربعات المنسدلة، إلى هيكل بيانات يُسمى نموذج كائن المستند (DOM).
3. يقوم محرك JavaScript الموجود بالمتصفح بتحويل تعليمة JavaScript البرمجية إلى بايت كود. وتصبح هذه التعليمة البرمجية بمثابة وسيط بين بناء جملة JavaScript والجهاز.
4. تؤدي الأحداث المختلفة، مثل النقر بالماوس على أحد الأزرار، إلى تشغيل كتلة تعليمات JavaScript البرمجية المرتبطة. بعد ذلك، يقوم المحرك بترجمة البايت كود وإجراء تغييرات في نموذج DOM.
5. يعرض المتصفح نموذج DOM الجديد.
JavaScript من جانب الخادم
يشير مصطلح JavaScript من جانب الخادم إلى استخدام لغة كتابة التعليمات البرمجية في منطقة الخادم بالواجهة الخلفية. وفي هذه الحالة، يُوضع محرك JavaScript على الخادم مباشرةً. كما يمكن لوظيفة JavaScript من جانب الخادم الوصول إلى قاعدة البيانات وتنفيذ عمليات منطقية مختلفة والاستجابة للأحداث المتنوعة الصادرة عن نظام تشغيل الخادم. تُعد الميزة الأساسية للبرمجة النصية من جانب الخادم هي إمكانية تخصيص استجابة موقع الويب تخصيصًا تامًا بناءً على متطلباتك وحقوق الوصول الخاصة بك وطلبات المعلومات الصادرة عن موقع الويب.
من جانب العميل مقابل من جانب الخادم
تصف كلمة ديناميكي كلا نوعي JavaScript، من جانب العميل ومن جانب الخادم. والمقصود بالسلوك الديناميكي هو القدرة على تحديث عرض صفحة الويب لإنشاء محتوى جديد على النحو المطلوب. ويظهر الفرق بين JavaScript من جانب العميل وJavaScript من جانب الخادم في طريقة كل منهما في إنشاء المحتوى الجديد. تنشئ التعليمات البرمجية من جانب الخادم محتوى جديدًا ديناميكيًا باستخدام منطق تطبيق وتعدِّل البيانات من خلال قاعدة البيانات. ومن ناحية أخرى، تنشئ JavaScript من جانب العميل محتوى جديدًا ديناميكيًا داخل المتصفح باستخدام منطق واجهة مستخدم وتعدِّل محتويات صفحة الويب الموجودة لدى العميل بالفعل. ورغم الاختلاف الطفيف للمعنى في السياقين إلا أن بينهما علاقة وثيقة ويعمل كلا النهجين معًا لتحسين تجربة المستخدم.
وخلافًا للتنفيذ في الميزات الديناميكية، هناك اختلاف آخر يظهر بين استخدامي JavaScript في الموارد التي يمكن للتعليمة البرمجية الوصول إليها. في JavaScript من جانب العميل، يتحكم المتصفح في بيئة وقت تشغيل JavaScript. ولا يمكن للتعليمة البرمجية الوصول إلا إلى الموارد التي يتيح المتصفح إمكانية الوصول إليها. على سبيل المثال، لا يمكن للتعليمة البرمجية كتابة المحتوى على القرص الثابت إلا إذا نقرت فوق زر تنزيل. ومن ناحية أخرى، يمكن للوظائف من جانب الخادم الوصول إلى جميع موارد جهاز الخادم حسب الحاجة.
ما المقصود بمكتبات JavaScript؟
مكتبات JavaScript هي مجموعات من أجزاء تعليمات برمجية مكتوبة مسبقًا ويمكن لمطوري الويب إعادة استخدامها في تنفيذ وظائف JavaScript القياسية. يتم توصيل تعليمة مكتبة JavaScript البرمجية ببقية التعليمات البرمجية الموجودة بالمشروع حسب الحاجة. إذا نظرت إلى التعليمة البرمجية لتطبيقات JavaScript باعتبارها البيت، فإن مكتبات JavaScript تُعد بمثابة الأثاث الجاهز الذي يستخدمه المطورون في تحسين كفاءة البيت.
فيما يلي بعض الاستخدامات الشائعة لمكتبات JavaScript:
العرض المرئي للبيانات
يُعد العرض المرئي للبيانات أمرًا بالغ الأهمية للمستخدمين لعرض الإحصائيات، على سبيل المثال، في لوحة الإدارة ولوحة المعلومات وقياسات الأداء.
تتضمن مكتبات مثل Chart.js وApexCharts وAlgolia Places وظائف مضمنة يمكنك استخدامها في إنشاء تطبيقات ويب تعرض البيانات في شكل مخططات بيانية وخرائط.
معالجة نموذج DOM
يمكنك استخدام مكتبات مثل مكتبة jQuery ومكتبة Umbrella JS لتسهيل تطوير الويب لأنها توفر تعليمة برمجية لوظائف مواقع الويب القياسية مثل الرسوم المتحركة للقوائم ومعارض الصور والأزرار ونوافذ lightbox وغير ذلك الكثير.
النماذج
جميع عمليات تطوير الويب تستخدم نماذج لزوار مواقع الويب للاتصال بأي شخص، وطلب المنتجات، والتسجيل في الأحداث. تعمل بعض مكتبات JavaScript مثل wForms، وLiveValidation، وValidanguage، وqForms على تبسيط وظائف النماذج، بما في ذلك التحقق من صحة النماذج والتخطيط والشروط والتحويل.
وظائف النص والرياضيات
يتعين على العديد من تطبيقات الويب حل المعادلات الرياضية ومعالجة التواريخ والأوقات والنصوص. وبدلاً من إرسال كل هذه الطلبات إلى الخادم، فإن التعامل مع بعضها من جانب العميل يكون أكثر كفاءة. يقوم مطورو الويب بذلك من خلال استخدام مكتبات JavaScript مثل Date.js، وSylvester، وJavaScript URL Library
ما المقصود بأُطر عمل JavaScript؟
كما هو الحال مع مكتبات JavaScript، فإن أُطر عمل JavaScript هي مجموعة من أجزاء تعليمات برمجية مكتوبة مسبقًا تؤدي وظائف مختلفةً ويمكن إعادة استخدامها. ولكن، رغم أن مكتبات JavaScript هي أداة متخصصة للاستخدام عند الطلب، فإن أُطر عمل JavaScript هي مجموعة أدوات كاملة تساعد في تشكيل أي تطبيق ويب وتنظيمه. ولو نظرت إلى التعليمة البرمجية لتطبيق JavaScript باعتبارها منزل، فإن إطار عمل JavaScript يُعد بمثابة المخطط المستخدم في بناء البيت.
وفيما يلي بعض الأمثلة لحالات استخدام أطر عمل JavaScript:
تطوير تطبيقات الويب وتطبيقات الأجهزة المحمولة
AngularJS هو إطار عمل يبسط عملية تطوير تطبيقات الويب واختبارها، مثل تطبيقات التجارة الإلكترونية وتطبيقات الوقت الفعلي وتطبيقات الفيديو. ويُعد React Native إطار عمل آخر يدعم تطوير تطبيقات الأجهزة المحمولة المعدة أصلاً لنظام تشغيل iOS ونظام تشغيل Android.
تطوير الويب المتجاوب
توفر مواقع الويب المتجاوبة للمستخدم تجربةً متسقةً عبر أي جهاز. على سبيل المثال، تتضمن الأجهزة المحمولة والأجهزة اللوحية شاشات أصغر من تلك الشاشات الموجود بأجهزة سطح المكتب وأجهزة الكمبيوتر المحمولة. ومن المؤكد أنك ترغب في أن يقوم موقع الويب بعرض البيانات وتقديمها بدقة حتى على الشاشة الأصغر، بدون الاقتصاص من أطراف الموقع، على سبيل المثال. ومن خلال استخدام أُطر عمل مثل Bootstrap وEmber.js، يمكن للمطورين الاستفادة من التصميم المتجاوب وتخصيص شكل موقع الويب ونمطه بسهولة عبر منصات مختلفة.
تطوير التطبيقات من جانب الخادم
Node.js هو إطار عمل JavaScript من جانب الخادم مفتوح المصدر يُشغّل تعليمة JavaScript البرمجية خارج المتصفح. يستخدم المطورون إطار العمل هذا في إنشاء تطبيقات من جانب الخادم قابلة للتوسع وسريعة وموثوقة. ويمكن لإطار العمل هذا التعامل مع طلبات HTTP وتدفق البيانات ودعم أنظمة الملفات وإدارة العمليات الخلفية المتعددة على نحو متزامن.
