How the web worksكيف يعمل الويب

You type an address and a page appears. Between those two moments a name is looked up, a connection is opened and encrypted, a request is sent, a response comes back, and a browser draws it. This course is that journey, one step at a time.

تكتب عنوانًا فتظهر صفحة. وبين هاتين اللحظتين يُبحث عن اسم، ويُفتح اتصال ويُشفَّر، ويُرسل طلب، وتعود استجابة، ويرسمها متصفح. وهذه الدورة هي تلك الرحلة، خطوة خطوة.

Two roles that explain most of the web: one side asks, the other answers. Which is which decides where your code runs, what a visitor can change, and what you must never trust.

دوران يفسّران معظم الويب: طرف يسأل وطرف يجيب. ومَن منهما مَن يحدد أين يعمل كودك، وما الذي يستطيع الزائر تغييره، وما الذي يجب ألا تثق به أبدًا.

An address is not one thing. It is six, and each is read by a different part of the journey — one by the browser, one by DNS, one by the server, and one that never leaves your machine at all.

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

The network cannot route to a name. Before any connection is opened, something has to turn gt4it.com into a number — and that lookup is its own small journey, with its own caches and its own failures.

الشبكة لا تستطيع التوجيه إلى اسم. فقبل فتح أي اتصال، لا بد لشيء أن يحوّل gt4it.com إلى رقم — وذلك البحث رحلة صغيرة بذاتها، لها ذاكرتها المؤقتة وإخفاقاتها.

The number DNS hands back, what it does and does not tell you about where a server is, and the port — the door number that decides which program on that machine answers.

الرقم الذي يعيده DNS، وما يقوله وما لا يقوله عن مكان الخادم، والمنفذ — رقم الباب الذي يحدد أي برنامج على ذلك الجهاز يجيب.

Who actually owns a name, what you are paying for when you buy one, and the handful of record types that decide where a domain's web, mail and subdomains point.

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

The connection is open and neither side has said anything yet. What the client sends first is not a mystery format — it is a few lines of plain text you could type by hand.

الاتصال مفتوح ولم يقل أي طرف شيئًا بعد. وما يرسله العميل أولًا ليس صيغة غامضة — بل بضعة أسطر من النص العادي تستطيع كتابتها بيدك.

The server answers in the same plain-text shape, and the very first line is a three-digit verdict. Learning to read that number is the single fastest debugging skill on the web.

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

Between the first line and the body sits a list of name-and-value pairs that decides the language you get, whether the file is cached, whether it downloads instead of opening, and more.

بين السطر الأول والمتن تقع قائمة من أزواج الاسم والقيمة تقرر اللغة التي تصلك، وهل يُخزَّن الملف مؤقتًا، وهل يُنزَّل بدل أن يُفتح، وغير ذلك.

Two methods cover almost everything you will build. The choice between them decides where the data travels, whether the address can be shared, and whether a refresh is safe.

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

HTTP forgets you between every request. Everything that feels like being remembered — staying logged in, a basket that survives a page change — is built on one small header sent back each time.

ينساك HTTP بين كل طلب وآخر. وكل ما يشبه أن تُتذكَّر — بقاؤك مسجَّل الدخول، وسلة تنجو من تغيير الصفحة — مبني على ترويسة صغيرة واحدة تُعاد في كل مرة.

The s is one letter and a whole extra conversation. It buys you three specific guarantees — and it is worth knowing exactly which three, because people expect a fourth it never gave.

حرف s حرف واحد ومحادثة كاملة إضافية. وهو يشتري لك ثلاث ضمانات بعينها — ويستحق أن تعرف أيها بالضبط، لأن الناس ينتظرون رابعة لم يقدّمها قط.

Encryption is useless if you encrypted it to the wrong machine. A certificate is how a server proves its name — and the proof rests on a chain of trust that ends inside your own device.

التشفير عديم النفع إن شفّرت إلى الجهاز الخطأ. والشهادة هي كيف يثبت الخادم اسمه — ويقوم الإثبات على سلسلة ثقة تنتهي داخل جهازك أنت.

Your browser holds tabs from a dozen sites at once, some of them logged in. One rule keeps them apart — and the three classic attacks on the web are all attempts to get around it.

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

The response arrived and it is a wall of text. What the browser does between that text and the picture on your screen explains most of what makes a site feel fast or slow.

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

The fastest request is the one nobody makes. Browsers keep copies of what they fetched, and two headers decide how long — which is also why a change you deployed is invisible to you.

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

Everything in this course so far is visible in one panel of your browser, on any site, right now. This lesson is about reading it — the work happens in the browser, not in an editor.

كل ما في هذه الدورة حتى الآن مرئي في لوحة واحدة في متصفحك، على أي موقع، الآن. وهذا الدرس عن قراءتها — والعمل يجري في المتصفح لا في محرر.

Behind every domain is a machine somewhere with your files on it, running a program that answers requests. What you are choosing when you choose a host is how much of that machine is yours.

خلف كل نطاق جهاز في مكان ما عليه ملفاتك، يشغّل برنامجًا يجيب الطلبات. وما تختاره حين تختار مستضيفًا هو كم من ذلك الجهاز يخصك.

Distance costs time, and no amount of tuning beats the speed of light. The answer the whole industry uses is not a faster server — it is a nearer one.

المسافة تكلّف وقتًا، ولا يتغلب أي ضبط على سرعة الضوء. والجواب الذي تستخدمه الصناعة كلها ليس خادمًا أسرع — بل خادمًا أقرب.

Everything so far assumed a person was reading the response. Change that one assumption and the same request, the same methods and the same status codes become the way programs talk to each other.

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

The last lesson introduces nothing. Pick one real page, follow it from the moment you press Enter to the moment it is drawn, and write down what happened — with evidence you gathered yourself.

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