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

تطوير الويب وتطبيقات الأجهزة المحمولة والواجهات

• back endاسمالواجهة الخلفية

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

• full stackصفةمتكامل الواجهتين

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

• browserاسممتصفح

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

• HTMLاختصارلغة HTML لترميز صفحات الويب

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

• CSSاختصارلغة تنسيق صفحات الويب CSS

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

• JavaScriptاسمJavaScript

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

• URLاختصارعنوان URL

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

• serverاسمخادم

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

• clientاسمعميل

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

• elementاسمعنصر HTML

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

• tagاسموسم HTML

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

• attributeاسمخاصية HTML

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

• selectorاسممحدِّد CSS

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

• DOMاختصارنموذج كائنات المستند DOM

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

• responsive designاسمتصميم متجاوب

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

• accessibilityاسمإمكانية الوصول

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

• web appاسمتطبيق ويب

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

• developer toolsاسمأدوات المطور

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

• propertyاسمخاصية CSS

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

• stylesheetاسمورقة أنماط

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

• layoutاسمتخطيط الصفحة

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

• flexboxاسمFlexbox، تخطيط الصندوق المرن

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

• CSS gridاسمشبكة CSS، CSS Grid

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

• media queryاسماستعلام وسائط، قاعدة وسائط في CSS

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

• componentاسممكوّن، عنصر واجهة قابل لإعادة الاستخدام

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

• eventاسمحدث، واقعة برمجية

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

• databaseاسمقاعدة بيانات، مخزن بيانات

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

• cookieاسمملف تعريف ارتباط، كوكي

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

• load timeاسمزمن التحميل، مدة تحميل الصفحة

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

• cacheاسمذاكرة تخزين مؤقت، ذاكرة وسيطة

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

• SEOاختصارتحسين محركات البحث، SEO

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

• alt textاسمنص بديل للصورة، وصف الصورة البديل

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

• headingاسمعنوان، عنوان بنيوي

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

• linkاسمرابط، وصلة

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

• formاسمنموذج، استمارة إدخال

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

• input fieldاسمحقل إدخال، خانة إدخال

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

• semantic HTMLاسمHTML دلالي، HTML ذو معنى بنيوي

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

• box modelاسمنموذج الصندوق، نموذج الصندوق في CSS

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

• marginاسمهامش خارجي، هامش

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

• paddingاسمحشو داخلي، مسافة داخلية

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

• viewportاسممنفذ العرض، مساحة العرض المرئية

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

• event listenerاسممستمع أحداث، مستمع حدث

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

• asynchronousصفةغير متزامن، لا تزامني

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

• promiseاسموعد برمجي، كائن Promise

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

• stateاسمالحالة، حالة التطبيق

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

• single-page applicationاسمتطبيق صفحة واحدة، تطبيق أحادي الصفحة

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

• sessionاسمجلسة، جلسة المستخدم

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

• server-sideصفةمن جهة الخادم، على جانب الخادم

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

• environment variableاسممتغير بيئة، متغير بيئي

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

• CDNاختصارشبكة توصيل المحتوى، CDN

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

• cross-browserصفةمتوافق بين المتصفحات، عابر للمتصفحات

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

• specificityاسمدرجة تخصيص محدد CSS، أولوية المحدد

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

• npmاسمnpm، مدير حزم JavaScript

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

• TypeScriptاسمTypeScript، تايب سكريبت

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

• bundlerاسمأداة تجميع، مجمّع الملفات البرمجية

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

• lazy loadingاسمالتحميل الكسول، التحميل عند الحاجة

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

• minifyفعليصغّر الشيفرة، يختزل الملفات البرمجية

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

• image optimizationاسمتحسين الصور، تهيئة الصور للأداء

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

• Core Web Vitalsاسممؤشرات الويب الأساسية، مقاييس تجربة الويب الأساسية

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

• ARIAاختصارARIA، سمات إتاحة التطبيقات الغنية التفاعلية

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

• keyboard navigationاسمالتنقل بلوحة المفاتيح، التصفح باستخدام لوحة المفاتيح

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

• contrast ratioاسمنسبة التباين، معدل التباين

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

• meta tagاسموسم meta، وسم بيانات وصفية

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

• sitemapاسمخريطة الموقع، ملف خريطة الموقع

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

• crawlفعليزحف آلياً إلى الصفحات، يتتبع صفحات الموقع آلياً

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

• mobile appاسمتطبيق جوّال، تطبيق للهاتف المحمول

  برنامج مصمم للعمل على هاتف ذكي أو جهاز لوحي، ويُنزل عادةً من متجر مثل App Store أو Google Play.

• iOSاسمiOS، نظام آيفون

  نظام التشغيل الذي تطوره Apple لهاتف iPhone. تُبنى تطبيقاته بأدوات Apple، وأهمها Xcode ولغة Swift.

• AndroidاسمAndroid، أندرويد

  نظام تشغيل للهواتف تطوره Google وتستخدمه شركات كثيرة مثل Samsung وXiaomi وGoogle نفسها. تُكتب تطبيقاته أساسًا بـKotlin أو Java.

• native appاسمتطبيق أصلي للمنصة، تطبيق أصلي

  تطبيق يُبنى لمنصة محددة باستخدام لغاتها وأدواتها الخاصة، مثل Swift لنظام iOS أو Kotlin لنظام Android.

• cross-platformصفةمتعدد المنصات، عابر للمنصات

  وصف لتطبيق أو إطار يعمل على أكثر من منصة، غالبًا iOS وAndroid، اعتمادًا على قاعدة شيفرة مشتركة.

• emulatorاسممحاكي جهاز، محاكي Android

  برنامج يحاكي عتاد جهاز محمول وبرمجياته على الحاسوب، لتشغيل التطبيق واختباره دون هاتف حقيقي.

• simulatorاسممحاكي iOS، بيئة محاكاة

  أداة Apple المرفقة مع Xcode لتشغيل تطبيقات iOS على Mac في نافذة تشبه iPhone أو iPad، من دون محاكاة عتاد الجهاز الحقيقي.

• screenاسمشاشة، واجهة شاشة

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

• tapفعلينقر باللمس، لمسة

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

• scrollفعليمرر الشاشة، تمرير

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

• app lifecycleاسمدورة حياة التطبيق

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

• backgroundاسمالخلفية، وضع الخلفية

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

• foregroundاسمالمقدمة، وضع المقدمة

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

• offline modeاسموضع عدم الاتصال، الوضع دون إنترنت

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

• local storageاسمتخزين محلي، مساحة التخزين على الجهاز

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

• in-app purchaseاسمشراء داخل التطبيق، مشتريات داخل التطبيق

  شيء يشتريه المستخدم داخل التطبيق، مثل ميزات إضافية أو عملات لعبة أو اشتراك، ويتم الدفع عبر App Store أو Google Play.

• XcodeاسمXcode

  بيئة تطوير Apple لكتابة تطبيقات iPhone وiPad وMac وبنائها واختبارها ونشرها، وتعمل على macOS فقط.

• Android StudioاسمAndroid Studio، بيئة تطوير أندرويد

  بيئة Google الرسمية لتطوير تطبيقات Android، مبنية على IntelliJ IDEA وتضم محررًا ومحاكي أندرويد وأدوات تحليل ولبناء التطبيق.

• SwiftاسمSwift

  لغة برمجة قدمتها Apple عام 2014 لبناء تطبيقات iOS ومنصاتها الأخرى، وحلت إلى حد كبير محل Objective-C الأقدم.

• KotlinاسمKotlin

  لغة برمجة حديثة أنشأتها JetBrains وتوصي Google بها لغةً أساسية لتطوير Android، ويمكن استخدامها جنبًا إلى جنب مع شيفرة Java.

• React NativeاسمReact Native

  إطار متعدد المنصات من Meta يتيح بناء تطبيقات iOS وAndroid باستخدام JavaScript أو TypeScript وReact، مع مكونات واجهة أصلية حقيقية.

• FlutterاسمFlutter

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

• navigation barاسمشريط التنقل

  في iOS، شريط أعلى الشاشة يعرض العنوان وزر الرجوع وأزرار الإجراءات؛ وفي Android قد يعني أيضًا شريط النظام الذي يضم الرجوع والرئيسية.

• tab barاسمشريط علامات التبويب، شريط أقسام التطبيق

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

• swipeفعليمرر الإصبع سريعًا، إيماءة سحب

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

• splash screenاسمشاشة بدء التطبيق، شاشة افتتاحية

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

• onboardingاسمتهيئة المستخدم الجديد، التعريف الأولي بالتطبيق

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

• dark modeاسمالوضع الداكن

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

• syncفعلمزامنة، يُزامن

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

• hybrid appاسمتطبيق هجين

  تطبيق يُبنى بتقنيات الويب مثل HTML وCSS وJavaScript ثم يوضع داخل غلاف أصلي، ليُثبت من المتاجر ويستخدم بعض إمكانات الجهاز.

• web viewاسمعارض ويب داخل التطبيق

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

• hot reloadاسمإعادة تحميل فورية

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

• main threadاسمالمسار التنفيذي الرئيسي

  المسار الذي يرسم واجهة التطبيق ويتعامل مع إدخالات المستخدم؛ وإذا نفذ عمل بطيء عليه تجمد التطبيق وتوقف عن الاستجابة.

• cold startاسمبدء بارد للتطبيق

  تشغيل التطبيق حين لا يكون موجودًا في الذاكرة، فينشئ النظام كل مكوناته من البداية؛ وهو أبطأ أنواع بدء التطبيق.

• activityاسمنشاط Android

  مكوّن أساسي في Android يمثل شاشة ذات واجهة مستخدم وله دورة حياة خاصة، من إنشائه حتى إتلافه.