كيف يعمل الويب؟

ما هو الويب؟

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

كل صفحة ويب هي ملف نصّي مكتوب بلغة تُسَمَّى HTML، والمتصفح يقرأ هذا الملف ويحوّله إلى ما تراه: عناوين ونصوص وصور وأزرار.

الشخصيات الأساسية

في كل تحميل لصفحة يقوم طرفان بالعمل:

• المتصفح (Chrome أو Firefox أو Safari): يطلب، ويستلم، ويترجم الملفات إلى صفحات مرئية. هو برنامج يعمل على جهازك.
• الخادم (Server): حاسوب دائم التشغيل في مكان ما بالعالم، يقظة على انتظار الطلبات. عليه ملفات الموقع، وعندما يصل طلب فإنه يجيب بالملف المطلوب.

وبينهما يقف المفسر السحري: DNS، وهو «دليل الهاتف» الذي يحوّل أسماء المواقع المقروءة (مثل example.com) إلى عناوين IP التي تفهمها الشبكات (مثل 93.184.216.34).

ماذا يحدث عندما تكتب عنوانًا وتضغط Enter؟

هذه هي السلسلة الكاملة، خطوة بخطوة:

1. تفكيك العنوان. المتصفح يقرأ الرابط https://example.com/articles/web ويفهمه ثلاثة أجزاء: البروتوكول https (كيف نتحدث)، النطاق example.com (مع من نتحدث)، والمسار /articles/web (ماذا نطلب بالضبط).
2. السؤال إلى دفتر الهاتف (DNS). المتصفح يسأل «ما عنوان IP النطاق example.com؟». يجيب خادم DNS بعنوان مثل 93.184.216.34. وللمتصفح ذاكرة صغيرة تًسمَّى المخبأ (cache) تُغنيه عن هذا السؤال مرارًا.
3. فتح الاتصال. المتصفح يفتح قناة اتصال مع الخادم على هذا العنوان، ثم يتفاوضان على التشفير (لهذا تبدأ الروابط بـ https): من الآن ما بعده لا يستطيع أحد في الطريق قراءة كلامكما.
4. إرسال الطلب. المتصفح يرسل رسالة تسمى طلب HTTP، تكفي بسطر واحد لفهم شكلها: GET /articles/web HTTP/2 — أي «أعطني الصفحة الواقعة على هذا المسار».
5. استجابة الخادم. الخادم يقرأ الطلب، يحدد الملف أو يجهّز المحتوى، ويجيب بـ استجابة HTTP لها رمز حالة: 200 تعني «تمام، إليك المضمون»، 404 تعني «لا وجود لهذا المسار»، 500 تعني «حدث خطأ عندي أنا».
6. بناء الشجرة (DOM). المتصفح يقرأ نص HTML سطرًا سطرًا ويبني منه شجرة العناصر (DOM): الجذع والفروع والأوراق — هذه هي «هيكل» الصفحة في ذاكرة المتصفح.
7. طلبات إضافية. أثناء القراءة يصادف المتصفح روابط إلى ملفات أخرى: أنماط CSS، سكربتات JavaScript، صور، خطوط — فيكرر الخطوات 4–5 لكل ملف منها.
8. التنسيق ثم الرسم. بعد اتحاد الهيكل (HTML) مع التنسيق (CSS) يرسم المتصفح الصفحة على الشاشة، وإن وجد JavaScript تنفذه الشيفرة وقد تغيّر الصفحة حيًّا بلا إعادة تحميل. الصفحة الآن أمام عينيك، وقد استغرقت السلسلة كلها غالبًا أقل من ثانية.

نظرة على طلب واستجابة حقيقية

مبسّطة، هكذا يبدو الحوار بين المتصفح والخادم:

GET /articles/web HTTP/2
Host: example.com

HTTP/2 200
Content-Type: text/html; charset=utf-8

<!DOCTYPE html>
<html lang="ar" dir="rtl">……

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

حقائق مهمة ينبغي أن تبقى معك

• الويب ليس الإنترنت. الإنترنت هو الطرقات، والويب واحد مما يتنقل عليها (خدمات أُخرى تسير عليها أيضًا: البريد الإلكتروني، والتراسل الفوري، والألعاب).
• كل موقع يعيش على خادم. «الاستضافة» مجرد استئجار حاسوب دائم التشغيل تعمل فيه شفرة موقعك وتُحفظ فيه ملفاتك.
• البروتوكول https مشفّر. حرف s يعني أن الطريق بين الجهازين مشفّر؛ لا تُعطِ كلمة مرور أو بيانات بطاقة لأي موقع يبدأ بـ http دون s.
• كل شيء يمر في الاتجاهين: طلب من المتصفح، واستجابة من الخادم. المتصفح لا «يسحب» شيئًا بنفسه؛ هو يسأل وينتظر.

لو حفظت من هذا الشرح شيئًا واحدًا فقط، فلتكن هذه: المتصفح يسأل، والخادم يجيب؛ وفي ما بينهما دفتر الهاتف DNS وقنوات مشفّرة. كل ما تبقى تفاصيل.

خطوتك التالية

بهذا اكتمل النموذج الذهني الذي تحتاجه، وما زلت في بداية الطريق قريبًا من كل ما يلي. انتقل إلى المرحلة التالية في خريطة تطوير الويب: مرحلة HTML — وستبني فيها أول صفحة لك بنفسك.

عرض خريطة تطوير الويب