ما هي جافا سكريبت ولماذا تستخدم 2023؟
المحتويات:
- لماذا تحظى جافا سكريبت بشعبية كبيرة؟
- ما هي جافا سكريبت؟
- ماذا تفعل جافا سكريبت على صفحتك؟
- استخدامات الجافا سكريبت؟
- جافا سكريبت الكود الخاص بها Interpreted ولا compiled
- جافا سكريبت التعليمات البرمجية الخاص بها من جانب الخادم ولا من جانب العميل
- جافا سكريبت التعليمات البرمجية الخاص بها الديناميكية ولا الثابتة

على مدى السنوات الثماني الماضية على التوالي ، كانت JavaScript هي لغة البرمجة الأكثر استخداما من قبل المطورين الذين استجابوا للمسح السنوي ل Stack Overflow. تنبع شعبية اللغة إلى حد كبير من تنوعها.
على الرغم من أنها مصممة في الأصل لتطوير الواجهة الأمامية ، إلا أن قائمة JavaScript الواسعة من المكتبات والأطر المرتبطة قد وسعت فائدتها. الآن ، يمكنك استخدامه لأي شيء تقريبا – بما في ذلك تطوير الواجهة الخلفية والجوال والألعاب. أدناه ، سوف نتعمق في الأسباب الكامنة وراء شعبية اللغة وتطبيقاتها العديدة.
لماذا تحظى جافا سكريبت بشعبية كبيرة؟

عندما تم تطويره لأول مرة في عام 1995 ، كان المقصود من JavaScript أن تكون لغة خفيفة الوزن تستخدم لجعل صفحات الويب أكثر ديناميكية. أضافت تأثيرات بسيطة ، مثل إظهار العناصر وإخفائها بنقرة زر واحدة – ولكن لم يمض وقت طويل قبل أن يدرك المطورون أنه يمكنه فعل المزيد.
بمرور الوقت ، أصبحت JavaScript واحدة من اللغات القليلة التي يمكن استخدامها في كل متصفح ويب تقريبا. اليوم ، سقطت معظم هذه اللغات الأخرى على جانب الطريق ، تاركة جافا سكريبت كلغة البرمجة الوحيدة التي يمكن استخدامها في كل متصفح شائع.
جاء الفاصل الكبير التالي لجافا سكريبت عندما بدأ المطورون في تجربته خارج متصفحات الويب. قاموا بتطبيقه على النهاية الخلفية لخوادم الويب ، حيث عالج البيانات المستخدمة في الواجهة الأمامية. بعد ظهور الهواتف الذكية ، وجدت استخداما في العديد من أدوات تطوير الأجهزة المحمولة التي تنشئ تطبيقات تعمل على كل من نظامي Android و iOS.
ما هي جافا سكريبت؟
JavaScript هي لغة برمجة نصية أو برمجة تسمح لك بتنفيذ ميزات معقدة على صفحات الويب – في كل مرة تقوم فيها صفحة الويب أكثر من مجرد عرض معلومات بطريقه ثابتة لتنظر إليها مثال ( عرض تحديثات المحتوى في الوقت المناسب ، والخرائط التفاعلية ، والرسومات المتحركة 2D / 3D ، وما إلى ذلك ) اذا قمت بتمثيل الويب على انه قطعه من الكيك يمكنك القول أن جافا سكريبت ربما تكون الطبقة الثالثة من كعكة وهي طبقة لتقنيات الويب القياسية ، اثنتان منها (HTML و CSS).

- HTML هي لغة الترميز التي نستخدمها لهيكلة محتوى الويب الخاص بنا وإضفاء معنى عليه ، على سبيل المثال تحديد الفقرات والعناوين وجداول البيانات ، أو تضمين الصور ومقاطع الفيديو في الصفحة.
- CSS هي لغة قواعد النمط التي نستخدمها لتطبيق التصميم على محتوى HTML الخاص بنا ، على سبيل المثال تعيين ألوان الخلفية والخطوط ، ووضع المحتوى الخاص بنا في أعمدة متعددة.
- JavaScript هي لغة برمجة نصية تمكنك من إنشاء محتوى محدث ديناميكيا ، والتحكم في الوسائط المتعددة ، وتحريك الصور ، وكل شيء آخر تقريبا. (حسنا ، ليس كل شيء ، ولكن من المدهش ما يمكنك تحقيقه ببضعة أسطر من شفرة جافا سكريبت.)
الطبقات الثلاث تبني فوق بعضها البعض بشكل جيد.
إذن ما الذي يمكن أن تفعله حقا؟

تتكون لغة JavaScript الأساسية من جانب العميل من بعض ميزات البرمجة الشائعة التي تتيح لك القيام بأشياء مثل:
- تخزين القيم المفيدة داخل المتغيرات.
- العمليات على أجزاء من النص (المعروفة باسم “السلاسل” في البرمجة).
- تشغيل الكواد البرمجية استجابة لظروف معينة تحدث على صفحة الويب.
وأكثر من ذلك بكثير!
ما هو أكثر إثارة هو الوظيفة المبنية على لغة جافا سكريبت من جانب العميل. توفر لك ما يسمى بواجهات برمجة التطبيقات (APIs) قوى خارقة إضافية لاستخدامها في شفرة JavaScript الخاصة بك.
(APIs) :- هي مجموعات جاهزة من كتل إنشاء التعليمات البرمجية التي تسمح للمطور بتنفيذ البرامج التي قد يكون من الصعب أو المستحيل تنفيذها. (مثال) عمال الاثاث يفعلون الشيء نفسه بالنسبة للبرمجة من الأسهل بكثير أخذ الألواح الجاهزة وتثبيتها معا لصنع رف كتب بدلا من العمل على التصميم بنفسك ، والذهاب والعثور على الخشب الصحيح ، وقطع جميع الألواح إلى الحجم والشكل المناسبين.
وهي تنقسم عموما إلى فئتين.

- واجهات برمجة تطبيقات المتصفح مضمنة في متصفح الويب الخاص بك
- لا يتم تضمين واجهات برمجة تطبيقات الجهات الخارجية في المتصفح افتراضيا
ماذا تفعل جافا سكريبت على صفحتك؟
دعنا نلخص بإيجاز قصة ما يحدث عند تحميل صفحة ويب في متصفح . عندما تقوم بتحميل صفحة ويب في المستعرض الخاص بك ، فأنت تقوم بتشغيل التعليمات البرمجية الخاصة بك (HTML و CSS و JavaScript) داخل بيئة تنفيذ (علامة تبويب المتصفح). يمكن تمثيله بالمصنع الذي يأخذ (الكود) :- المواد الخام ويخرج (صفحة الويب) :- منتجا .

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

يستخدم جافا سكريبت في كل صناعة لإنشاء جميع أنواع التطبيقات. دعونا نلقي نظرة على استخداماته في تطوير الويب وتطوير الأجهزة المحمولة وتطوير الألعاب والمزيد.
تطوير الويب الأمامي:-
يستخدم مطورو الواجهة الأمامية JavaScript (جنبا إلى جنب مع HTML و CSS) لإنشاء أجزاء من صفحة الويب التي يراها المستخدمون ويتفاعلون معها في متصفحاتهم.
تطوير الويب الخلفي:-
node.js هو إطار عمل جافا سكريبت شائع الاستخدام لتطوير الواجهة الخلفية – لدرجة أن العديد من مطوري جافا سكريبت الخلفية يشيرون إلى أنفسهم على أنهم مطورو Node.js.
تطوير الألعاب:-
يمكنك أيضا استخدام JavaScript لإنشاء ألعاب فيديو 2D و 3D تعمل في متصفحات الويب تتيح لك أطر عمل JavaScript مثل Phaser .js إنشاء ألعاب أكثر تقدما بسرعة وسهولة مباشرة من متصفحك.
تطوير الأجهزة المحمولة:-
الآن ، مع ظهور أطر تطوير الأجهزة المحمولة مثل React Native و Ionic ، يمكنك استخدام JavaScript لإنشاء تطبيقات تعمل على كلا النظامين الأساسيين.
الواقع الافتراضي (VR):-
A-Frame هو إطار عمل جافا سكريبت شائع يستخدم لبناء تجارب الواقع الافتراضي في متصفحات الويب. إذا كنت مهتما ببناء تطبيقات الواقع الافتراضي الخاصة بك ، فابدأ بتعلم A-Frame.
الذكاء الاصطناعي (الذكاء الاصطناعي):-
تستخدم JavaScript أيضا لتطوير الذكاء الاصطناعي ، حيث تجلب المكتبات مثل TensorFlow قوة التعلم الآلي لمطوري JavaScript. يمكن للمطورين استخدام هذه المكتبات لإنشاء نماذج التعلم الآلي التي تتنبأ بالأحداث المستقبلية بناء على البيانات السابقة وتصنف البيانات والصور.
جافا سكريبت الكود الخاص بها Interpreted ولا compiled

قد تسمع المصطلحات المفسرة والمجمعة في سياق البرمجة. في اللغات المفسرة ، يتم تشغيل الرمز من أعلى إلى أسفل ويتم إرجاع نتيجة تشغيل الكود على الفور. لا يتعين عليك تحويل الكود إلى نموذج مختلف قبل أن يقوم المتصفح بتشغيله. يتم استلام الكود في شكله النصي المناسب للمبرمج ومعالجته مباشرة من ذلك.
من ناحية أخرى ، يتم تحويل اللغات المترجمة (تجميعها) إلى نموذج آخر قبل تشغيلها بواسطة الكمبيوتر. على سبيل المثال ، يتم تجميع C / C ++ في رمز الجهاز الذي يتم تشغيله بعد ذلك بواسطة الكمبيوتر. يتم تنفيذ البرنامج من تنسيق ثنائي ، والذي تم إنشاؤه من شفرة مصدر البرنامج الأصلية.
جافا سكريبت هي لغة برمجة خفيفة الوزن مفسرة. يتلقى متصفح الويب شفرة JavaScript في شكلها النصي الأصلي ويقوم بتشغيل البرنامج النصي من ذلك. من وجهة نظر تقنية ، يستخدم معظم مترجمي جافا سكريبت الحديثين تقنية تسمى التجميع في الوقت المناسب لتحسين الأداء. يتم تجميع شفرة مصدر JavaScript بتنسيق ثنائي أسرع أثناء استخدام البرنامج النصي ، بحيث يمكن تشغيله في أسرع وقت ممكن. ومع ذلك ، لا تزال جافا سكريبت تعتبر لغة مفسرة ، حيث يتم التعامل مع التجميع في وقت التشغيل ، وليس في وقت مبكر.
جافا اسكريبت التعليمات البرمجية الخاص بها من جانب الخادم ولا من جانب العميل

قد تسمع أيضا المصطلحات رمز من جانب الخادم ورمز من جانب العميل ، خاصة في سياق تطوير الويب. التعليمات البرمجية من جانب العميل هي التعليمات البرمجية التي يتم تشغيلها على كمبيوتر المستخدم – عند عرض صفحة ويب ، يتم تنزيل التعليمات البرمجية من جانب العميل للصفحة ، ثم تشغيلها وعرضها بواسطة المستعرض. في هذه الوحدة ، نتحدث صراحة عن جافا سكريبت من جانب العميل.
من ناحية أخرى ، يتم تشغيل التعليمات البرمجية من جانب الخادم على الخادم ، ثم يتم تنزيل نتائجها وعرضها في المتصفح. تتضمن أمثلة لغات الويب الشائعة من جانب الخادم PHP و Python و Ruby و ASP.NET وحتى JavaScript! يمكن أيضا استخدام JavaScript كلغة من جانب الخادم ، على سبيل المثال في بيئة Node .js الشائعة
جافا اسكريبت التعليمات البرمجية الخاص بها الديناميكية ولا الثابتة

تستخدم كلمة ديناميكية لوصف كل من جافا سكريبت من جانب العميل واللغات من جانب الخادم – فهي تشير إلى القدرة على تحديث عرض صفحة الويب / التطبيق لإظهار أشياء مختلفة في ظروف مختلفة ، وإنشاء محتوى جديد كما هو مطلوب. تقوم التعليمات البرمجية من جانب الخادم بإنشاء محتوى جديد ديناميكيا على الخادم ، على سبيل المثال سحب البيانات من قاعدة بيانات ، في حين أن JavaScript من جانب العميل يولد ديناميكيا محتوى جديدا داخل المتصفح على العميل ، على سبيل المثال إنشاء جدول HTML جديد ، وملئه بالبيانات المطلوبة من الخادم ، ثم عرض الجدول في صفحة ويب معروضة للمستخدم. يختلف المعنى قليلا في السياقين ، ولكنه مرتبط ، وعادة ما يعمل كلا النهجين (من جانب الخادم وجانب العميل) معا.
يشار إلى صفحة الويب التي لا تحتوي على محتوى محدث ديناميكيا على أنها ثابتة – فهي تعرض نفس المحتوى طوال الوقت.
لم تعد JavaScript مجرد لغة برمجة تستخدم لإنشاء تأثيرات أنيقة في متصفحات الويب. إنها لغة قوية ومحترمة صعدت إلى قمة مخططات الشعبية على مدار العقود الثلاثة الماضية.
إن تعدد استخدامات JavaScript ومجموعة واسعة من التطبيقات تجعلها إضافة قيمة إلى مجموعة تقنية أي مطور.
أصبحت JavaScript واحدة من اللغات القليلة التي يمكن استخدامها في كل متصفح ويب تقريبا. اليوم ، سقطت معظم هذه اللغات الأخرى على جانب الطريق ، تاركة جافا سكريبت كلغة البرمجة الوحيدة التي يمكن استخدامها في كل متصفح شائع.
نقترح عليك أن تقرأ
- مواقع التحديات البرمجية الأكثر شهرة 2022
- ما هو ال Flexbox في CSS وليه بيتم استخدام ال 2022FLEX BOX
- ما هو الفرق بين مطوري Full Stack و Backend و2022Front End
- ما هو ال Position في Css وما هي انواعها ومتى يتم استخدامها وكيفيه حل مشاكلها ب Z-index
- Java مقابل JavaScript: الفرق الرئيسي بين Java و 2022JavaScript
- المصدر المفتوح للمطورين – دليل المبتدئين لمساعدتك على بدء المساهمة 2022
- 8 أسباب لماذا PHP لا تزال مهمة جدا لتطوير الويب
- ما هو PHP؟ وكيف يعمل PHP؟ 2023
المصادر: