مصطلحات تطوير الويب بالإنجليزية وشرحها بالعربية

الجزء من الموقع أو تطبيق الويب الذي يراه المستخدم ويتفاعل معه في المتصفح، ويُبنى أساسًا باستخدام HTML وCSS وJavaScript.

جانب الخادم في الموقع أو التطبيق، وهو غير مرئي للمستخدم؛ يخزن البيانات وينفذ منطق العمل ويرسل إلى الواجهة الأمامية ما تحتاج إليه.

يشمل الواجهة الأمامية والواجهة الخلفية لتطبيق الويب، من واجهة المستخدم إلى الخادم وقاعدة البيانات.

برنامج مثل Chrome أو Firefox أو Safari أو Edge ينزّل صفحات الويب ويحوّل شيفرتها إلى شاشات يقرؤها الناس ويستخدمونها.

محدد موقع الموارد الموحد؛ أي العنوان الكامل لصفحة أو ملف على الويب، مثل https://example.com/blog?page=2.

حاسوب أو برنامج ينتظر الطلبات من المتصفحات والعملاء الآخرين، ثم يرسل إليهم صفحات أو ملفات أو بيانات.

الطرف في الاتصال الذي يطلب البيانات، وغالبًا ما يكون المتصفح أو تطبيق الهاتف، مقابل الخادم الذي يرد على الطلب.

تطبيق يعمل داخل متصفح الويب بدل تثبيته على الجهاز، مثل البريد الإلكتروني أو الخرائط أو أداة إدارة المشاريع عبر الإنترنت.

أدوات مدمجة في المتصفحات تتيح للمطورين فحص HTML وCSS وتصحيح JavaScript ومراقبة طلبات الشبكة وقياس الأداء.

يعمل بالطريقة نفسها في متصفحات مختلفة، مثل Chrome وFirefox وSafari وEdge، وعبر إصداراتها وأجهزتها المتنوعة.

لغة ترميز النص التشعبي، وهي اللغة القياسية لوصف بنية صفحة الويب ومحتواها، مثل العناوين والفقرات والروابط والصور.

وحدة بناء واحدة في صفحة HTML، مثل فقرة أو صورة أو زر، وتكتب عادة بوسم افتتاحي ومحتوى ووسم إغلاق.

جزء من شيفرة HTML مكتوب بين قوسين زاويين، مثل <h1> أو </p>، ويحدد بداية العنصر أو نهايته.

معلومة إضافية تكتب داخل وسم HTML الافتتاحي على هيئة اسم وقيمة، مثل href للرابط أو alt للصورة.

سمة في HTML تمنح العنصر اسمًا واحدًا أو أكثر، لتتمكن CSS وJavaScript من العثور على مجموعة عناصر وتنسيقها.

عنوان لصفحة أو قسم، يُحدّد بعناصر h1 إلى h6؛ حيث h1 هو العنوان الرئيس وتعبّر المستويات التالية عن درجات أدنى.

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

جزء من الصفحة يُدخل فيه المستخدمون معلومات، مثل نموذج تسجيل الدخول أو البحث أو التواصل، ثم تُرسل إلى الخادم.

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

استخدام عناصر HTML وفق معانيها، مثل nav وmain وarticle وbutton، بدلًا من استخدام div وspan العامة لكل شيء.

أوراق الأنماط المتتالية، وهي اللغة التي تتحكم في مظهر HTML، بما في ذلك الألوان والخطوط والمسافات والتخطيط والحركات.

الجزء من قاعدة CSS الذي يحدد العناصر التي تنطبق عليها الأنماط، مثل p أو .button أو #header.

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

اسم سمة تنسيق في CSS تحددها، مثل اللون أو الهامش أو طريقة العرض، ويقترن بها دائمًا مقدار أو قيمة.

ملف أو كتلة من قواعد CSS تصف مظهر الصفحة؛ وترتبط معظم المواقع بملف خارجي واحد أو أكثر بامتداد .css.

كيفية ترتيب العناصر على الصفحة: مواضع الأعمدة والقوائم والصور والنصوص، وكيف تتغير عند تبدل حجم الشاشة.

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

نظام تخطيط في CSS لوضع العناصر في صفوف وأعمدة في الوقت نفسه، وهو مفيد لتخطيط الصفحات كاملةً ومعارض البطاقات.

قاعدة CSS تطبّق الأنماط عند تحقق شرط معين فقط، مثل حد أدنى لعرض الشاشة أو تفضيل الوضع الداكن أو الطباعة.

مفهوم في CSS ينص على أن كل عنصر صندوق مستطيل يتكوّن من المحتوى والحشو والحد والهامش، وتحدد هذه الأجزاء مجتمعةً حجمه والمسافات حوله.

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

المسافة داخل العنصر بين محتواه وحدوده، وتُبقي المحتوى بعيدًا عن الحواف.

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

الجزء المرئي من صفحة الويب داخل نافذة المتصفح أو شاشة الهاتف، ويتغير حجمه عند تغيير أبعاد النافذة أو تدوير الهاتف.

قاعدة يستخدمها CSS لتحديد التنسيق الذي يسود عند استهداف العنصر نفسه بعدة قواعد؛ فمحددات المعرّف أرجح من محددات الصنف، وهذه أرجح من محددات العناصر.

لغة البرمجة التي تعمل في كل متصفحات الويب وتجعل الصفحات تفاعلية؛ كما تعمل على الخوادم باستخدام Node.js.

نموذج كائنات المستند: شجرة من الكائنات ينشئها المتصفح انطلاقًا من HTML الصفحة، ويمكن لـJavaScript قراءتها وتغييرها أثناء فتح الصفحة.

إطار العمل مجموعة جاهزة من الشيفرة والأدوات والقواعد لبناء التطبيقات، مثل Angular وVue وNext.js وLaravel، وتحدد طريقة تنظيم المشروع.

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

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

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

دالة تنتظر حدثًا معينًا على عنصر، مثل نقرة أو ضغطة مفتاح، ثم تعمل عند وقوعه.

وصف لشيفرة تبدأ مهمة، مثل تحميل البيانات، ثم تواصل تنفيذ شيفرة أخرى بدلًا من انتظار انتهاء تلك المهمة.

كائن في JavaScript يمثّل نتيجة لم تجهز بعد، مثل بيانات قادمة من خادم، ثم ينتهي لاحقًا بالنجاح أو الإخفاق.

يعرض الشيفرة والبيانات للمستخدم، إما في المتصفح الذي يرسم الصفحة، أو على الخادم الذي ينشئ HTML.

البيانات التي يحتفظ بها تطبيق أو مكوّن في لحظة معينة، مثل كون القائمة مفتوحة أو ما كتبه المستخدم، وهي التي تتحكم في المحتوى المعروض.

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

مدير الحزم القياسي للغة JavaScript، وكذلك السجل الشبكي الذي يثبت منه الحزم، ويُستخدم بأوامر مثل npm install.

حزمة أو مكتبة خارجية يعتمد عليها المشروع كي يعمل، ويُذكر اسمها في ملف مثل package.json.

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

أداة تجمع ملفات JavaScript وCSS وغيرها واعتمادياتها في عدد قليل من الملفات المحسّنة التي يستطيع المتصفح تحميلها بسرعة.

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

واجهة برمجة التطبيقات (API) طريقة محددة تتيح لبرنامج أن يطلب بيانات أو إجراءً من برنامج آخر، مثل واجهة ويب تعيد بيانات بصيغة JSON.

الطلب رسالة يرسلها العميل إلى الخادم للحصول على صفحة أو صورة أو بيانات، أو لطلب حفظ تغيير.

الاستجابة هي الرسالة التي يعيدها الخادم بعد الطلب، وتتضمن رمز حالة وترويسات، وعادةً متنًا مثل HTML أو JSON.

JSON، أي JavaScript Object Notation، صيغة نصية بسيطة للبيانات تتكون من مفاتيح وقيم بين أقواس معقوفة، وتستخدمها معظم واجهات الويب.

نقطة النهاية عنوان URL محدد في API يقبل طلبات لنوع معين من البيانات أو الإجراءات، مثل /api/users أو /api/orders/42.

رمز الحالة رقم من ثلاث خانات في استجابة HTTP يوضح النتيجة، مثل 200 للنجاح و404 لعدم العثور و500 لخطأ الخادم.

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

واجهة REST API مبنية وفق أسلوب REST، بحيث يكون لكل مورد عنوان URL خاص وتُستخدم طرق HTTP القياسية مثل GET وPOST وDELETE للتعامل معه.

الكلمة التي تأتي في بداية طلب HTTP وتحدد الإجراء الذي يريده العميل، مثل GET للقراءة وPOST للإنشاء وDELETE للحذف.

زوج من الاسم والقيمة يُرسل مع طلب HTTP أو استجابته ويحمل معلومات إضافية، مثل نوع المحتوى أو التفويض أو تعليمات التخزين المؤقت.

مخزن منظم للبيانات، مثل المستخدمين والطلبات والمنشورات، يستطيع النظام الخلفي حفظها والبحث فيها وتحديثها بسرعة.

قطعة صغيرة من البيانات يخزنها الموقع في المتصفح وتُرسل معه في الطلبات اللاحقة، وتُستخدم لتسجيل الدخول وحفظ الإعدادات والتتبع.

الفترة التي يتذكر فيها الخادم مستخدمًا مسجل الدخول، عادةً عبر معرّف محفوظ في ملف تعريف ارتباط، إلى أن يسجل المستخدم الخروج أو تنتهي الجلسة.

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

إعداد ذو اسم، مثل عنوان قاعدة بيانات أو مفتاح API، يُمرر إلى التطبيق من خارج الشيفرة كي تختلف قيمته باختلاف البيئات.

العنوان المقروء لموقع ويب، مثل example.com، الذي يكتبه الناس بدلًا من عنوان IP رقمي.

خدمة تحفظ ملفات الموقع وشيفرته على خوادم متصلة بالإنترنت، بحيث يستطيع الناس زيارة الموقع في أي وقت.

ينشر إصدارًا جديدًا من موقع أو تطبيق على خادم كي يتمكن المستخدمون من الوصول إليه، وغالبًا ما يتم ذلك آليًا.

ملف رقمي يُثبّت على الخادم لإثبات هوية الموقع وتمكين المتصفح من إنشاء اتصال HTTPS مشفّر.

نظام أسماء النطاقات: دليل الإنترنت الذي يحوّل أسماء النطاقات مثل example.com إلى عناوين IP للخوادم.

عملية البناء الآلية تحوّل الشيفرة المصدرية إلى ملفات جاهزة للإنتاج، مثلًا عبر الترجمة والتجميع والتصغير؛ ويُطلق الاسم أيضًا على ناتج العملية.

برنامج، مثل Nginx أو Apache، يستقبل طلبات HTTP ويقدم صفحات الويب والملفات؛ ويُطلق الاسم أيضًا على الجهاز الذي يشغله.

بيئة الاختبار نسخة من الموقع المباشر مضبوطة لتكون قريبة قدر الإمكان من الإنتاج، وتُختبر فيها الإصدارات الجديدة قبل ظهورها للمستخدمين.

المدة التي تحتاج إليها الصفحة لتنزيل محتواها والظهور على الشاشة بحالة قابلة للاستخدام، وتُقاس عادةً بالثواني أو أجزاء منها.

مكان تُحفظ فيه نسخ من الملفات أو البيانات مؤقتًا كي يمكن تقديمها بسرعة أكبر لاحقًا، مثل ذاكرة المتصفح أو شبكة توصيل المحتوى أو الخادم.

شبكة من الخوادم المنتشرة حول العالم تحتفظ بنسخ من ملفات الموقع وتقدمها من الموقع الأقرب إلى كل مستخدم.

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

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

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

ثلاثة مقاييس من Google لقياس تجربة المستخدم الفعلية على الصفحة: سرعة التحميل (LCP)، والاستجابة (INP)، والثبات البصري (CLS).

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

وصف كتابي موجز للصورة يُضاف عبر الخاصية alt، وتقرؤه قارئات الشاشة بصوت مسموع وتعرضه المتصفحات إذا تعذر تحميل الصورة.

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

مجموعة من سمات HTML، مثل role وaria-label، تمنح التقنيات المساعدة معلومات إضافية عن العناصر.

استخدام الموقع بلوحة المفاتيح وحدها، والانتقال بين الروابط والأزرار والحقول بمفتاح Tab وتفعيلها بمفتاح Enter أو المسافة.

قيمة تقارن سطوع النص بسطوع خلفيته؛ فالنسب المرتفعة مثل 7:1 أسهل قراءة من النسب المنخفضة مثل 2:1.

تحسين محركات البحث: أعمال تساعد على اكتشاف صفحات الموقع وفهمها وعرضها في مرتبة أعلى ضمن محركات مثل Google.

وسم HTML يوضع في رأس الصفحة ويزوّد المتصفحات ومحركات البحث بمعلومات عنها، مثل وصفها أو إعدادات إطار العرض.

ملف، غالبًا اسمه sitemap.xml، يسرد صفحات الموقع كي تتمكن محركات البحث من العثور عليها والزحف إليها بسهولة أكبر.

زيارة روبوت محرك البحث للصفحات تلقائياً، واتباع روابطها وتنزيل محتواها كي يتمكن المحرك من فهرستها.

يفهرس محرك البحث الصفحة عندما يخزنها وينظمها بعد الزحف إليها، لتصبح مؤهلة للظهور في نتائج البحث.

المصادقة عملية التحقق من هوية المستخدم، بكلمة مرور أو رمز لمرة واحدة أو تسجيل دخول عبر Google أو Apple مثلًا.

النسخة الآمنة من HTTP، التي تشفّر الاتصال بين المتصفح والخادم باستخدام TLS كيلا يتمكن الآخرون من قراءة البيانات أو تغييرها.

هجوم يُدخل فيه شخص شيفرة JavaScript ضارة إلى صفحة يفتحها مستخدمون آخرون، مثلاً عبر تعليق، فتعمل الشيفرة في متصفحاتهم.

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

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

هجوم يخدع متصفح مستخدم مسجل الدخول لإرسال طلب غير مرغوب، مثل تغيير عنوان البريد، إلى موقع يثق به المستخدم.

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