من حيث المبدأ ، تم بناء كل موقع على أساس 3 تقنيات ؛ HTML و CSS وجافا سكريبت. يتعامل HTML مع ترتيب الأجزاء المكونة المختلفة للموقع ، بينما يتعامل CSS مع الطريقة التي يتم بها تقديم هذه الأجزاء و Javascript المهام المعقدة مثل الاستجابة لإجراءات المستخدم.
En المقالات السابقة لقد أوضحنا أنه كان إطار عمل CSS وقدمنا قائمة بأفضل ما يمكننا استخدامه في Linux. كيف يصعب شرح دور جافا سكريبت قليلاً ، سنقوم بعمل مقدمة صغيرة للموضوع ، قبل أن نعلق على أطره.
لغة برمجة جافا سكريبت. مقدمة صغيرة
ما هو جافا سكريبت؟
جافا سكريبت هي لغة برمجة تم إنشاؤها في الأصل لمنع صفحات الويب من أن تكون ثابتة ، على الرغم من انتشار استخدامه اليوم إلى القطاعات التي لا علاقة لها بالويب.
Lالبرامج المكتوبة بلغة جافا سكريبت تسمى البرامج النصية ويعملون داخل آلة افتراضية تُعرف باسم محرك جافا سكريبت.
تتضمن جميع المتصفحات الحديثة نسختها من محرك Javascript
من أجل سلامة المستخدمين ، تضع المتصفحات المختلفة قيودًا على ما يمكن أن تفعله شفرة جافا سكريبت. على سبيل المثال ، الوصول إلى الملفات الهامة على القرص. ومع ذلك ، يمكن أن يكون هذا محدودًا بشكل أكبر في خيارات التكوين لكل واحد.
يتم تشغيل كود Javascript داخل صفحة الويب على النحو التالي:
- يقرأ محرك Javascript المضمن في المتصفح التعليمات البرمجية.
- يتم تحويل الرمز إلى لغة الآلة.
- الجهاز ينفذ الكود.
نظرًا لكونها لغة برمجة ، يمكن لـ Javascript أداء مهام مثل هذه:
- تخزين المعلومات ضمن المتغيرات.
- التعامل مع السلاسل النصية.
- قم بتشغيل البرامج التي تستجيب للأحداث مثل النقر فوق ارتباط.
زيادة قدرات جافا سكريبت من خلال استخدام واجهات برمجة التطبيقات (APIs)
واجهات برمجة التطبيقات هي مكتبات البرامج التي تم إنشاؤها لأداء مهام محددة التي تحرر المطور من الاضطرار إلى إعادة كتابة التعليمات البرمجية الموجودة. في حالة جافا سكريبت يمكننا التحدث عن نوعين من APIS
متصفح API
تعمل داخل المتصفح وتستجيب للبيئة. لدينا على سبيل المثال:
نموذج كائن المستند (DOM): يجعل من الممكن إجراء تعديلات على كود HTML و CSS للصفحة استجابة لأحداث معينة. هذه هي حالة مواقع الويب التي تسمح لنا برؤية كيف ستظهر الصفحة على أجهزة مختلفة.
واجهة برمجة تطبيقات تحديد الموقع الجغرافيج: يتم استخدامه لاكتشاف موقع المستخدم والاستجابة وفقًا لذلك. على سبيل المثال ، يتم استخدامه بواسطة Netflix لمعرفة المحتوى الذي يمكنك رؤيته في بلدك أو خرائط Google لتظهر لك مكانك.
قماش و WebGL: إنها مثالية لتخطيط الرسومات ثنائية وثلاثية الأبعاد
واجهات برمجة تطبيقات الوسائط المتعددة: أنها تسمح بنقل واستقبال محتوى الوسائط المتعددة من صفحة الويب.
واجهات برمجة تطبيقات الطرف الثالث
تحاول خدمات الويب المختلفة جذب المزيد من المستخدمين (وفي بعض الحالات مزيد من المعلومات من هؤلاء المستخدمين للبيع) لهذا السبب إنشاء واجهات برمجة بحيث يمكن للمطورين دمج الوظائف أن هذه الخدمات توفرها للمواقع الخارجية. هذا على سبيل المثال هو حالة صفحات الويب التي تسمح لك بالتسجيل بحسابك على Google أو Facebook.
كيف يعمل كود Javascript داخل موقع الويب
بادئ ذي بدء ، يجب توضيح ذلك يعمل كل نص جافا سكريبت داخل بيئة وقت التشغيل الخاصة به. هناك بيئة تنفيذ لكل علامة تبويب (إذا فتحنا مواقع مختلفة في نفس النافذة) أو لنوافذ مختلفة إذا فضلنا ذلك. لا تترابط بأي حال من الأحوال مع بعضها البعض أو ، كما قلنا ، مع نظام التشغيل دون تدخل نشط من المستخدم.
أول se يقوم بتحميل كود HTML لصفحة الويب ويتم إنشاء نموذج كائن للمستند بحيث يمكن عرضه في المستعرض. ثم يتم تحميل العناصر المراد إرفاقها إلى الصفحة كوسائط وصور وأوراق أنماط. أخيرًا ، يتم تخصيص الأنماط لأجزاء مختلفة من الصفحة على النحو الذي تحدده أوراق الأنماط.
بمجرد الانتهاء من كل هذا ، يبدأ تشغيل محرك Javascript باتباع التسلسل المذكور أعلاه.
في مقالتنا التالية نذهب مع قائمة الأطر الموعودة لجافا سكريبت.