من ما يتكون الانترنت

المكونات الأساسية للويب

1. المتصفح (Browser)

المتصفح هو البرنامج الذي تستخدمه لعرض صفحات الويب (مثل Chrome، Firefox، Safari، Edge).

• ما هو؟ هو برنامج العميل (Client) الذي يعمل على جهازك (كمبيوتر، هاتف، تابلت).

• وظيفته:

• إرسال الطلبات (Requests): عندما تكتب عنوان موقع (URL) أو تنقر على رابط، يقوم المتصفح بإنشاء طلب وإرساله إلى الخادم.

• تفسير وعرض الاستجابات (Responses): يستقبل بيانات الاستجابة من الخادم (عادةً HTML، CSS، JavaScript) ويفسرها ويحولها إلى الصفحة المرئية التي تراها.

2. الخادم (Server)

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

• ما هو؟ هو جهاز كمبيوتر مركزي مخصص لتقديم الخدمات (Serve) للعملاء (المتصفحات).

• وظيفته:

• الاستماع للطلبات: ينتظر تلقي طلبات HTTP من المتصفحات.

• معالجة الطلبات: يجد البيانات أو الملفات المطلوبة (مثل صورة، صفحة HTML) ويقوم بتجميعها.

• إرسال الاستجابة (Response): يرسل البيانات المطلوبة مرة أخرى إلى المتصفح الذي طلبها.

🔄 دورة الاتصال بين المتصفح والخادم (Request-Response Cycle)

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

3. الطلب (Request)

الطلب هو رسالة يرسلها المتصفح إلى الخادم لإخباره بما يريد.

• من يرسله؟ المتصفح.

• إلى من؟ الخادم.

• محتوياته الرئيسية:

• طريقة الطلب (Method): مثل GET (لجلب البيانات/الصفحة) أو POST (لإرسال بيانات، مثل بيانات تسجيل الدخول).

• المسار (URL/Path): لتحديد المورد المطلوب (مثل /index.html أو /products/123).

• رؤوس الطلب (Headers): معلومات إضافية مثل نوع المتصفح، اللغات المفضلة، ونوع البيانات المتوقعة في الاستجابة.

4. الاستجابة (Response)

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

• من يرسلها؟ الخادم.

• إلى من؟ المتصفح.

• محتوياتها الرئيسية:

• رمز الحالة (Status Code): رقم يوضح نتيجة الطلب.

• 200 OK: يعني أن الطلب نجح وتم العثور على المورد.

• 404 Not Found: يعني أن المورد المطلوب غير موجود.

• 500 Internal Server Error: يعني وجود خطأ في الخادم.

• رؤوس الاستجابة (Headers): معلومات إضافية عن نوع المحتوى (Content Type)، طول المحتوى، والتخزين المؤقت (Caching).

• الجسم (Body): هو المحتوى الفعلي المطلوب، وعادةً ما يكون كود HTML أو صورة أو بيانات JSON.