ما هو JavaScript وكيف يعمل؟

ما هو JavaScript وكيف يعمل؟

أصبح JavaScript عنصرًا أساسيًا في تطوير الويب الحديث. تطورت هذه اللغة القوية إلى أداة أساسية يفهمها أي مطور ويب.





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



ما هو جافا سكريبت؟

JavaScript هي لغة برمجة نصية للويب. إنها لغة مفسرة ، مما يعني أنها لا تحتاج إلى مترجم لترجمة كودها مثل C أو C ++. يتم تشغيل كود JavaScript مباشرة في متصفح الويب.





أحدث إصدار من اللغة هو ECMAScript 2018 والذي تم إصداره في يونيو 2018.

يعمل JavaScript مع HTML و CSS لإنشاء تطبيقات الويب أو صفحات الويب. يتم دعم JavaScript بواسطة معظم متصفحات الويب الحديثة مثل Google Chrome و Firefox و Safari و Microsoft Edge و Opera وما إلى ذلك. تدعم معظم متصفحات الأجهزة المحمولة لنظامي Android و iPhone JavaScript أيضًا.



يتحكم JavaScript في العناصر الديناميكية لصفحات الويب. إنه يعمل في متصفحات الويب ، ومؤخراً ، على خوادم الويب أيضًا. تدعم JavaScript أيضًا واجهات برمجة التطبيقات (API) ، مما يمنحك المزيد من الوظائف.

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



اللبنات الأساسية لتطبيق الويب

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

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

تعمل الأجزاء الثلاثة في تناغم مع بعضها البعض لإنشاء تطبيقات كاملة النطاق. سيكون من الجيد معرفة المزيد عن HTML و CSS إذا لم تكن مرتاحًا تمامًا لهم.



كيفية الحصول على الإنترنت على الكمبيوتر المحمول في أي مكان

كيف يعمل JavaScript؟

قبل كتابة JavaScript ، من المهم معرفة كيفية عملها تحت الغطاء. هناك نوعان من القطع الهامة التي يجب التعرف عليها: كيف يعمل متصفح الويب ، ونموذج كائن المستند (DOM).

يقوم مستعرض الويب بتحميل صفحة ويب وتحليل HTML وإنشاء ما يُعرف باسم نموذج كائن المستند (DOM) من المحتويات. يقدم DOM عرضًا مباشرًا لصفحة الويب إلى كود JavaScript الخاص بك.

سيقوم المتصفح بعد ذلك بجلب كل شيء مرتبط بـ HTML ، مثل الصور وملفات CSS. تأتي معلومات CSS من محلل CSS.

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

بمجرد الانتهاء من ذلك ، يتم تنفيذ JavaScript بالترتيب الذي تمت كتابة الكود. ينتج عن هذا تحديث DOM بواسطة كود JavaScript وعرضه بواسطة المتصفح.

الترتيب هنا مهم. إذا لم تنتظر JavaScript حتى انتهاء HTML و CSS ، فلن تتمكن من تغيير عناصر DOM.

ماذا يمكنني أن أفعل مع JavaScript؟

JavaScript هي لغة برمجة كاملة يمكنها القيام بمعظم الأشياء التي يمكن أن تقوم بها لغة عادية مثل Python. وتشمل هذه:

xbox one x يستحق الترقية
  • تعريف المتغيرات.
  • تخزين واسترجاع القيم.
  • تحديد واستدعاء الوظائف ، بما في ذلك وظائف السهم .
  • تحديد فئات وكائنات JavaScript.
  • تحميل واستخدام الوحدات الخارجية.
  • كتابة معالجات الأحداث التي تستجيب لأحداث النقر.
  • كتابة كود الخادم.
  • وأكثر بكثير.

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

باستخدام JavaScript

دعنا نلقي نظرة على بعض أساسيات JavaScript مع أمثلة التعليمات البرمجية.

تعريف المتغيرات

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

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

العاملين

إضافة

12 + 5
>> 17

الطرح

20 - 8
>> 12

عمليه الضرب

5 * 2
>> 10

قسم

50 / 2
>> 25

معام

45 % 4
>> 1

المصفوفات

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

المهام

يمكن لـ JavaScript كتابة وظائف ، وإليك وظيفة بسيطة تضيف أرقامًا.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

الحلقات

يمكن لـ JavaScript تنفيذ حلقات للتكرار ، مثل حلقات للحلقات و أثناء الحلقات.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

تعليقات

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

في صفحة ويب

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

  • قم بتحميل ملف JavaScript خارجي إلى صفحة ويب كما يلي:
  • يمكنك تحديد عنوان URL الكامل إذا كان javascript من مجال مختلف عن صفحة الويب على النحو التالي:
  • يمكن تضمين JavaScript مباشرة في HTML. هنا
    alert('Page is loaded');

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

هذه مواضيع أكثر تقدمًا ، أنت الآن تتعلم الأساسيات.

عينة من مقتطفات كود JavaScript

فيما يلي بعض نماذج تعليمات JavaScript البرمجية البسيطة لتوضيح كيفية استخدامها على صفحات الويب. هذه أمثلة على التعليمات البرمجية التي تعمل مع DOM.

  • ما يلي يختار الكل بالخط العريض العناصر الموجودة في المستند وتعيين لون الأول إلى الأحمر. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • تريد تغيير الصورة في ملف IMG بطاقة شعار؟ يقوم التالي بإقران معالج الأحداث لـ انقر حدث الزر.
    Change Image
  • تحديث محتوى نص فقرة ( ص ) عنصر؟ تعيين داخلي HTML خاصية العنصر كما هو موضح:

    Hello World


    Click me

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

أنت الآن تعرف ما يفعله JavaScript

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

يشارك يشارك سقسقة بريد الالكتروني كيفية تنظيف جهاز الكمبيوتر الخاص بك الذي يعمل بنظام Windows باستخدام موجه الأوامر

إذا كانت مساحة التخزين على جهاز الكمبيوتر الشخصي لديك منخفضة ، فقم بتنظيف الملفات غير المرغوب فيها باستخدام أدوات موجه الأوامر السريعة هذه.

كيفية ربط التبديل حتى التلفزيون
اقرأ التالي مواضيع ذات صلة
  • شرح التكنولوجيا
  • برمجة
  • تطوير الشبكة
  • جافا سكريبت
  • البرمجة النصية
نبذة عن الكاتب أنتوني جرانت(40 مقالة منشورة)

أنتوني غرانت كاتب مستقل يغطي البرمجة والبرمجيات. إنه متخصص في علوم الكمبيوتر ويشتغل في البرمجة و Excel والبرمجيات والتكنولوجيا.

المزيد من Anthony Grant

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك