مصطلحات تطوير الويب

أجاكس (Ajax) Asynchronous JavaScript and XML

أسلوب يتيح لصفحة الويب التواصل مع الخادم في الخلفية دون إعادة التحميل، فتُحدَّث جزئية واحدة فقط من الصفحة ببيانات جديدة.

متوسط

أداة البناء السريعة فايت (Vite) Vite Build Tool

أداة حديثة لتطوير وبناء مواقع الويب توفر سرعة فائقة في تشغيل السيرفر ومعاينة التعديلات في أجزاء من الثانية.

مبتدئ

استعلامات الحاوية في CSS CSS Container Queries · @container

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

مبتدئ

إعادة التوليد الثابت التدريجي (ISR) Incremental Static Regeneration · ISR

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

متوسط

تايب سكريبت (TypeScript) TS

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

متوسط

التحميل الكسول (Lazy Loading)

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

متوسط

التصميم المتجاوب (Responsive Web Design)

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

مبتدئ

التصميم بالأصناف الوظيفية (Utility-First CSS) Utility-First CSS · Tailwind

منهجية لتصميم واجهات المواقع باستخدام فئات مساعدة جاهزة وصغيرة لبناء تصميمات سريعة وخفيفة دون تضخم ملفات التنسيق.

مبتدئ

التصيير المتدفق من الخادم (Streaming SSR) Streaming Server-Side Rendering

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

متقدم

تطبيق الصفحة الواحدة (SPA) Single-Page Application

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

متوسط

تطبيق الويب التقدمي (PWA) Progressive Web App

تطبيق الويب التقدمي موقع عادي بتقنيات إضافية يمنح تجربة قريبة من تطبيق الجوال: تثبيت على الشاشة الرئيسية وعمل دون إنترنت.

متوسط

تطبيق الويب (Web Application)

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

مبتدئ

جافا سكريبت (JavaScript) JS

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

مبتدئ

الذاكرة المؤقتة (الكاش - Cache)

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

مبتدئ

رمز ويب JSON (JWT) JSON Web Token

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

متوسط

الشيفرة الثنائية لويب أسيمبلي (Wasm) WebAssembly Bytecode · Wasm Bytecode

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

متقدم

عامل الخدمة في الخلفية (Service Worker) Background Service Worker

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

متوسط

العرض من جهة الخادم (SSR) Server-Side Rendering

في العرض من جهة الخادم (SSR) تُبنى الصفحة على الخادم قبل وصولها، فيستلم المتصفح HTML جاهزاً وكاملاً بدل صفحة شبه فارغة.

متقدم

عنوان URL (محدد موقع الموارد) Uniform Resource Locator

URL هو العنوان الذي تراه في شريط المتصفح، ويحدد بدقة مكان المورد وطريقة الوصول إليه تماماً كما يحدد العنوان البريدي موقع المنزل.

مبتدئ

متصفح الويب (Web Browser)

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

مبتدئ

مشاركة الموارد عبر المصادر (CORS) Cross-Origin Resource Sharing

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

متوسط

مطوّر شامل (Full-stack)

الـ Full-stack هو من يتقن كل طبقات المنتج الويبي، من الواجهة الأمامية إلى منطق الخادم وقاعدة البيانات، ويبني ميزة كاملة بنفسه.

مبتدئ

معمارية الجزر البرمجية (Islands Architecture)

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

متوسط

معمارية الواجهات المصغرة (Micro-Frontend) Micro-Frontend Architecture · MFE

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

متقدم

المكوّن (Component)

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

متوسط

مكونات خادم ريأكت (RSC) React Server Components · RSC

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

متوسط

ملفات تعريف الارتباط (الكوكيز - Cookies) HTTP Cookie

الكوكي قطعة صغيرة من المعلومات يحفظها الموقع في جهازك عبر المتصفح، ليتعرف عليك في زيارتك التالية ويتذكر تفضيلاتك.

مبتدئ

الموقع الثابت (Static Website)

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

مبتدئ

الموقع الديناميكي (Dynamic Website)

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

مبتدئ

نموذج كائن المستند (DOM) Document Object Model

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

متقدم

الواجهة الأمامية (Front-end)

الواجهة الأمامية هي ما تراه وتلمسه في المتصفح أو على شاشة الهاتف: الألوان والأزرار والقوائم والنماذج والحركات.

مبتدئ

الواجهة الخلفية (Back-end)

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

مبتدئ

واجهة برمجة التطبيقات (API) Application Programming Interface

واجهة برمجة التطبيقات (API) هي العقد الذي يتيح لبرنامجين التواصل وتبادل البيانات دون معرفة تفاصيل عمل أحدهما الداخلية.

مبتدئ

واجهة قواعد التنبؤ بالتحميل (Speculation Rules) Speculation Rules API

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

متوسط

واجهة REST (REST API) Representational State Transfer API

REST أسلوب لتصميم واجهات API يعطي كل مورد عنواناً ويستخدم طرق HTTP القياسية في العمل عليه، ليسهل تعلّمها وتوقع سلوكها.

متوسط

الوضع الصارم في ريأكت (StrictMode) React StrictMode

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

متوسط

ويب أسمبلي (WebAssembly) Wasm

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

متقدم

ويب سوكت (WebSocket)

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

متقدم

ويب هوك (Webhook)

الويب هوك آلية «أخبرني عند الحدوث»: ترسل الخدمة طلب HTTP إلى عنوانك عند وقوع حدث، بدل أن يسألها برنامجك باستمرار.

متوسط

CSS (أوراق الأنماط المتتالية) Cascading Style Sheets

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

مبتدئ

GraphQL (لغة استعلام واجهات API)

GraphQL أسلوب آخر لتصميم واجهات API يكتب فيه العميل بالضبط الحقول التي يحتاجها، فيعيد الخادم هذه الحقول فقط دون زيادة أو نقصان.

متقدم

HTML (لغة ترميز النص التشعبي) HyperText Markup Language

HTML لغة ترميز صفحات الويب؛ تصف بنية المحتوى بوسوم تخبر المتصفح بدور كل جزء، كالعنوان والفقرة والصورة والرابط في الصفحة.

مبتدئ

JSON (ترميز كائنات جافا سكريبت) JavaScript Object Notation

JSON صيغة لكتابة البيانات يقرؤها الإنسان وتعالجها البرامج بسهولة، على شكل أزواج «اسم: قيمة» داخل أقواس معقوفة.

متوسط

PHP (لغة معالجة النص التشعبي) PHP: Hypertext Preprocessor

PHP لغة برمجة تعمل على الخادم لا في المتصفح، تنفّذ الشيفرة وتقرأ قاعدة البيانات وترسل الناتج صفحة HTML إلى الزائر.

مبتدئ