web stack ما هو?

web stack ما هو?



تطوير الويب منذ 7 أشهر

 

فك شيفرة بنية الويب: اللبنات الأساسية للمواقع التي تستخدمها

هل تساءلت يومًا كيف يعمل موقع الويب الذي تتصفحه الآن؟ الأمر ليس سحرًا، بل هو تعاون معقد بين التقنيات المعروفة باسم "بنية الويب" أو الـ Web Stack. في هذه المدونة، سنقوم بتفكيك هذا المفهوم الهام، مستخدمين أمثلة من العالم الحقيقي لتوضيح مكوناته.

تخيل بنية الويب كشطيرة برجر لذيذة:

  • الخبز السفلي (الأساس): يمثل هذا جانب الخادم (server-side)، وهو المحرك الخفي الذي يشغل موقع الويب. هنا، تعمل تقنيات مثل لغات البرمجة (على سبيل المثال، بايثون، بي اتش بي، جافا) وقواعد البيانات (على سبيل المثال، MySQL ، PostgreSQL) معًا لتخزين ومعالجة المعلومات.
  • قطعة اللحم (النواة): هذه هي منصة عمل جانب الخادم (server-side framework) (اختيارية ولكنها شائعة)، وهي بنية جاهزة تعمل على تبسيط عملية التطوير على جانب الخادم. تشمل الأطر الشائعة Django (بايثون) و Ruby on Rails (روبي).
  • الخبز العلوي (الواجهة): يمثل هذا جانب العميل (client-side)، وهو الجزء المواجه للمستخدم من موقع الويب. هنا تلعب تقنيات **التطوير الأمامي (front-end development) ** دورًا رئيسيًا، باستخدام تقنيات مثل HTML (البنية)، CSS (التصميم)، و JavaScript (التفاعلية) لإنشاء التجربة المرئية والعناصر التفاعلية التي تراها.

جعل البرجر ينبض بالحياة:

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

أمثلة عملية:

  • موقع التجارة الإلكترونية: قد يستخدم جانب الخادم Python وإطار عمل Django لإدارة بيانات المنتج المخزنة في قاعدة بيانات MySQL. وسيستخدم جانب العميل HTML و CSS و JavaScript لإنشاء قوائم المنتجات وعربة التسوق وعملية الدفع.
  • منصة وسائط اجتماعية: يمكن أن يستخدم جانب الخادم Java ويخزن بيانات المستخدم والمنشورات في قاعدة بيانات PostgreSQL. وقد يستفيد جانب العميل من HTML و CSS و JavaScript لعرض ملفات تعريف المستخدم وموجز الأخبار والميزات التفاعلية مثل التعليق والمشاركة.

فهم بنية الويب أمر قيم من أجل:

  • مطورو الويب: اختيار التقنيات المناسبة لمشاريعهم بناءً على الاحتياجات والوظائف المحددة.
  • المستخدمون غير التقنيين: اكتساب فهم أساسي لكيفية عمل مواقع الويب وتقدير مدى التعقيد الكامن خلفها.

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