ويب

1. 1

   ما هو الويب

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

   Client-server modelBrowser as a clientURL structureWhat happens between typing and rendering
   20 دقيقة
2. 2

   HTTP مقابل HTTPS

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

   Plaintext HTTPHTTPS as HTTP over TLSConfidentialityIntegrityAuthenticityPadlock UI
   15 دقيقة
3. 3

   تشريح الطلب والاستجابة

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

   Request lineHeadersBodyStatus codesMethodsCurl -v
   30 دقيقة
4. 4

   ملفات تعريف الارتباط والجلسات والرموز المميزة

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

   Set-CookieHttpOnlySecureSameSiteServer sessionsJWT+1
   25 دقيقة
5. 5

   شرح DNS

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

   RootTLDAuthoritative serverRecursive resolverAAAAA+6
   25 دقيقة
6. 6

   TLS والشهادات

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

   TLS handshakeClientHelloServerHelloCertificateKey exchangeCA chain of trust+2
   30 دقيقة
7. 7

   CORS

   واجهتك تعمل على localhost:3000، وواجهة برمجة التطبيقات لديك تعمل على localhost:8000، والطلب الذي ينجح تمامًا في curl يفشل في المتصفح برسالة حمراء في...

   Same-origin policyOriginPreflight OPTIONSAccess-Control-Allow-OriginAccess-Control-Allow-MethodsAccess-Control-Allow-Headers+1
   30 دقيقة
8. 8

   أساسيات REST API

   يُطلب منك إضافة نقطة نهاية إلى واجهة برمجية قائمة، فتتوقف حائراً عند أول قرار: أهي POST /users/42/deactivate أم PATCH /users/42؟ كلاهما يعمل. وكلاهما...

   Resources as nounsMethods as verbsStatus codesIdempotencyHATEOASVersioning
   25 دقيقة
9. 9

   WebSockets و SSE

   الميزة التي تبنيها هي «أظهر الرسالة الجديدة لحظة وصولها». وكل ما تعلّمته من أدوات حتى الآن يفترض أن العميل يسأل أولاً والخادم يجيب، ومعنى ذلك أن...

   Long pollingWebSocket upgradeFull-duplex framesServer-Sent EventsWhen to pick each
   25 دقيقة
10. 10

    التخزين المؤقت وشبكات CDN

    صفحتك الرئيسية تستغرق 900 جزء من الألف من الثانية كي تُبنى، وهي تبني الشيء نفسه للزائر رقم عشرة آلاف كما بنته للزائر الأول. في هذا الرقم يكمن أكبر...

    Browser cacheProxy cacheCDN edgeCache-ControlETagIf-None-Match+2
    25 دقيقة
11. 11

    ترويسات الأمان

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

    Content-Security-PolicyStrict-Transport-SecurityX-Content-Type-OptionsX-Frame-OptionsFrame-ancestorsReferrer-Policy+1
    25 دقيقة
12. 12

    تحديد معدل الطلبات والتقييد

    عند الساعة 09:14 تبدأ واجهتك البرمجية بالانقطاع عن الجميع. لم يُنشر أي شيء. ثم يتبيّن أن تكامل أحد العملاء فيه حلقة إعادة محاولة بلا أي تأخير، وأن...

    Token bucketLeaky bucketFixed windowWhere to enforce429Retry-After+1
    20 دقيقة
13. 13

    المراقبة والتسجيل

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

    Structured logsCorrelation IDsTracesSpansFour golden signalsLog vs metric+1
    20 دقيقة
14. 14

    المشروع الختامي - خادم ويب صغير

    كل درس في هذا المساق شرح لك ترويسة من الخارج. تعلّمت ماذا تَعِد Cache-Control، وماذا تسمح به Access-Control-Allow-Origin، وماذا يوفّر ردّ 304. كل ذلك...

    Serving HTTPCache headersCORS headersSecurity headersCurl -v304 Not Modified+1
    40 دقيقة

كل درس واختبار ورد من المدرس يظهر بلغتك. المدرس الذكي يرد بنفس اللغة التي تكتب بها.

See how hiring teams interview engineers on Web, in production-like environments.