ما هي لغة جافا سكريبت؟

هي لغة برمجة تم اختراعها لتلبية احتياجات المشهد المتطور للإنترنت منذ نشأتها ، نمت شعبيتها وفائدتها وهي موجودة الآن بمكتبات تقوم بأكثر من مجرد تطوير الويب. هي الرائد في تطوير الويب التفاعلي ، ونتيجة لذلك ،هي تعتبر اليوم عالمية في هذه المجال , توسعت البرمجة باستخدام JavaScript لتشمل كل شيء من برمجة الكمبيوتر إلى برمجة أجهزة NASA بالإضافة إلى ذلك، قامت Node.js بتسهيل JavaScript لأغراض أخرى. دعنا نلقي نظرة أقرب على بعض حالات الاستخدام المذكورة أدناه.

ماهي حالات استخدام لغة - JavaScript ؟

اليوم ، تُستخدم JavaScript في كل شيء ، وذلك بفضل إدخال Node.js. مكتبة فرعية من جافا سكريبت وبغض النظر عن كيفية الإستخدام ، فإن هذه التقنية تخلق برنامجًا قويًا للشركات في جميع أنحاء العالم. وتستخدمه شركات مثل LinkedIn و Medium لإنشاء منصات للمستخدمين للوصول إلى خدماتهم. يمكن لـ JavaScript إنشاء أنواع مختلفة من البرامج مثل الألعاب وبرامج الكمبيوتر وتطبيقات الويب وحتى تقنيات مثل blockchain. ومع ذلك ، يمكن القول إن JavaScript هي لغة البرمجة الأكثر شيوعًا على الويب. على سبيل المثال ، تبحث أكثر من 125000 وظيفة على LinkedIn عن مهنيين عاملين ماهرين في JavaScript.

جافا سكريبت لتطوير الويب

الاستخدام الأكثر شيوعًا لجافا سكريبت هو تطوير الويب ، وهي واحدة من أقوى الأدوات التي يمكن أن يمتلكها المطور في حزام الأدوات الخاص به. يستخدم المطورون JavaScript في تطوير الويب لإضافة التفاعل والميزات لتحسين تجربة المستخدم وجعل الإنترنت أكثر متعة. توسعت JavaScript بشكل كبير إلى ما هو أبعد من تطوير الواجهة الأمامية ، حيث بدأت. في الآونة الأخيرة ، وتوسعت JavaScript إلى النهاية الخلفية (The BackEnd) لتطوير الويب ويمكن استخدامها عبر الحزمة الكاملة. هذا يعني أن المطورين لديهم وصول أمامي إلى أساليب CRUD ( إنشاء | وقراءة | وتحديث | وحذف ) ويمكن الآن استخدامها في النهاية الخلفية لموقع الويب.

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

تفاعل الواجهة الأمامية : يتم تحسين تطوير الويب فقط من خلال زيادة التفاعل والميزات التي توفرها JavaScript.
تطبيقات الويب : تشبه تطبيقات الويب مواقع الويب ، ولكن بدلاً من ذلك ، يتم تجميعها في صندوق صغير أنيق ، مما يحسن التحكم في الأمان والمزيد.
ألعاب المتصفح : لقد قطع متصفح الويب الحديث شوطًا طويلاً ؛ حتى أن المطورين يصنعون ألعابًا قوية تعمل في المتصفح.
تطوير الويب الخلفي : الآن أصبحت JavaScript قوية جدًا لدرجة أنه يمكن استخدامها لإدارة النهاية الخلفية لمواقع الويب وتطبيقات الويب.

الآن وقد ناقشنا الطرق المختلفة التي يمكن بها استخدام JavaScript ، فلنتحدث عن كيفية عمل JavaScript.

كيف تعمل JavaScript؟

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

الآن بعد أن أصبحت لديك فكرة أفضل عن كيفية عمل JavaScript ، دعنا ننتقل إلى مناقشة كيفية استخدام JavaScript في موقع ويب.

كيفية إضافة JavaScript إلى موقع الويب الخاص بك

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

يربط السطر أعلاه ملفًا لي جافاسكريبت بملف HTML الذي يربط بين الاثنين. يتيح لك ذلك كتابة التعليمات البرمجية الخاصة بك في ملف منفصل ، مما يجعل HTML الخاص بك نظيفًا ويسهل إدارته. يعتبر استخدام البرنامج النصي مع السمة src أيضًا على نطاق واسع أفضل ممارسة ، حيث أنه يحافظ على الكود الخاص بك منفصلاً عن بعضه البعض ، مما يسهل التحديث والتغيير حسب الحاجة مع الحد الأدنى من المشكلات. لا تعد علامة البرنامج النصي مع src وهي اختصار لكمة مصدر source الطريقة الوحيدة لإضافة JavaScript إلى موقعك ، دعنا ننظر إلى طريقة أخرى. يمكن لعلامة البرنامج النصي أيضًا إدخال شفرة JavaScript مباشرة في HTML الخاص بك. لذلك دعونا نلقي نظرة على ذلك .

            
<script type="text/JavaScript"> هنا مثال لكود معيين"/script>  

إسحب -->

إنه بسيط جدا ، ولا يبدو مختلفًا كثيرًا عن إضافة JavaScript خارجيًا.

ملاحظة: نظرًا لأن المتصفح يتعامل مع JavaScript ، فمن المهم مراعاة أنه لن تدعم جميع المتصفحات جميع ميزات JavaScript. بالإضافة الى انه في بعض الحالات، لا يتم تمكين JavaScript في جميع المتصفحات ، تأكد من التخطيط لهذا الاحتمال. والآن بعد أن فهمت كيفية إضافة JavaScript إلى موقع ويب ، تحقق من هذا المثال على شكل كود JavaScript أدناه يمكنك إنشاء مغير ألوان بسيط باستخدام مولد رقم عشوائي زائف pseudo-random number generator .

        
 /*وظيفة لتوليد رقم سداسي عشري لألوان لتغيير لون الخلفية بشكل عشوائي*/
function zaidRandomBackGroundColor(){
    let zaidRandomColor = Math.floor(Math.random()*900000) + 100000;
document.querySelector('body').style.backgroundColor = `#${zaidRandomColor}`;
} 
        /*نهاية الكود zaidRandomBackGroundColor() */ 
      
إسحب -->

بدأت بالإعلان عن وظيفة تسمى
function zaidRandomBackGroundColor(){ }

ثم قمت بإنشاء متغير يسمى zaidRandomColor عبارة عن صندوق لتخزين المعلومات لا اكثر. وعيينت قيمة المعادلة الرياضية إليه.


let zaidRandomColor = Math.floor(Math.random()*900000) + 100000; 

إسحب -->

يستخدم الكود أعلاه كائن Math وطريقة .()floor لإرجاع أكبر عدد صحيح أقل من أو يساوي رقمًا معينًا. بعد ذلك ، يتم إنشاء الرقم باستخدام ()random . وهي وظيفة مبرمجة في جافاسكريبت الإنتاج ارقام عشوائية ، والذي يعرض رقمًا بين صفر وأقل من واحد. إذن تضرب هذه النتيجة في 900000 زائد 100000. تضمن هذه المعادلة أن الرقم الذي تحصل عليه سيتطابق مع احتياجات الرقم السداسي العشري وهو رقمك كود الالوان. ثم يتم تخزين قيمة هذه المعادلة في المتغير واستخدامها لإنشاء الألوان. سيستهدف السطر التالي من التعليمات البرمجية عنصر HTML والسمة التي ترغب في تغييرها ثم إدخال الرقم السداسي باستخدام string literal سلسلة حرفية لربط وعرض النصوص والاكواد.

    
        document.querySelector('body').style.backgroundColor = `#${zaidRandomColor}`;
    
    إسحب -->

يحدد الجزء الأول من الكود أعلاه <body>جسم HTML ويستهدف لون الخلفية. الجزء الثاني ` {zaidRandomColor}#$ `يستخدم سلسلة حرفية ( يتم تحديدها بواسطة زر Backtick) تسمح لك بربط - أو ضم - الرقم الذي يحدد الرقم السداسي العشري مع القيمة الموجودة داخل المتغير العشوائي.

ستعادل نتيجة شيئًا مشابهًا لما يلي 136789# وهو كود اللون العشوائي الذي سوف يظهر اللون في كل مرة يتم نداء او تشغيل الدالة عبر ()zaidRandomBackGroundColor

سيؤدي هذا الرمز ككل إلى إنشاء لون عشوائي لخلفية نص أتش تي ام ال عند تحميل صفحة كل مرة.

ابدأ في تعلم JavaScript اليوم

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

ليصلك الجديد

Share This Post