المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Distroless Images للمبتدئ: نزّل ثغرات صورة Docker من 312 لـ 12 في 5 سطور
صورة Docker لتطبيق Node.js عادية بتطلع 1.1 جيجا وفيها 312 ثغرة معروفة. Distroless بتنزّلها لـ 169MB و 12 ثغرة بتعديل 5 سطور في Dockerfile. مقال للمبتدئ بمثال شحن واضح، تعريف علمي دقيق، multi-stage Dockerfile قابل للنسخ، أرقام Trivy مقاسة، سيناريو شركة بـ 50 microservice، trade-offs، ومتى لا تستخدمها.
Idempotency Keys في APIs: ليه الدفع بيتم مرتين لما الإنترنت يقطع
لما عميل بيضغط زر الدفع والإنترنت بيقطع، الـ HTTP client بيعمل retry تلقائي والفاتورة بتتخصم مرتين. ده مش bug في كود الدفع، ده غياب لـ Idempotency Key. مقال للمستوى المتوسط بمثال ساعي البريد للمبتدئ، تعريف علمي لـ idempotent operations حسب RFC 9110، كود FastAPI شغّال على Redis مع SETNX lock، أرقام مقاسة قبل وبعد، trade-offs، وحالات لا تستخدمه فيها.
Closures في JavaScript للمبتدئ: ليه الدالة الجوّانية بتفتكر متغيّرات خرجت من النطاق
لو دالة JavaScript بترجع دالة تانية، والدالة دي بتفتكر القيم اللي اتعرّفت في الدالة الخارجية بعد ما خلصت تنفيذها، ده مش غلط في المتصفح ولا سحر. ده مفهوم اسمه Closure. شرح للمبتدئ بمثال درج المكتب، تعريف علمي دقيق لـ Lexical Scope والـ scope chain، كود شغّال على Node 22، 3 استخدامات حقيقية (counter, private variables, function factory)، الفخ الكلاسيكي في الـ loops، أرقام استهلاك ذاكرة فعلية، trade-offs، وحالات لا تستخدمها فيها.
Streaming في Claude API: خلّي الرد يظهر فوراً بدل ما المستخدم يستنى 12 ثانية
لو شات بوت بنيته على Claude بياخد 12 ثانية يرد ومفيش حاجة بتتحرك على الشاشة، 70% من الناس بيقفلوا التاب. Streaming بيخلّي أول توكن يظهر بعد 400 مللي ثانية على نفس الرد. شرح للمبتدئ بمثال الكافيه، تعريف علمي لـ Server-Sent Events، كود Python شغّال على Anthropic SDK، أرقام مقاسة من إنتاج، trade-offs، وحالات لا تستخدمه فيها.
Prompt Injection: ازاي تحمي تطبيق Claude من هجمات بتختطف التعليمات
لو تطبيقك بيقرأ إيميلات أو ملفات يرفعها المستخدم ويبعتها لـ Claude، فيه هجوم اسمه Prompt Injection ممكن يخلّي النموذج يكشف الـ system prompt كله أو يبعت بيانات حساسة لـ webhook في 30 ثانية. مقال للمستوى المتوسط بمثال السكرتير للمبتدئ، تعريف علمي لفصل instructions/data، 4 طبقات دفاع شغّالة بكود Python على Anthropic SDK، أرقام مقاسة من OWASP وAnthropic Red Team، trade-offs، وحالات لا تحتاج فيها هذه الدفاعات.
HTTP Cache-Control بالعربي: خلّي المتصفح يحفظ ملفاتك ووفّر 87% من الطلبات
لو موقعك بيحمّل نفس logo.png و main.css في كل صفحة، Cache-Control بسطر واحد بيخلّي المتصفح يحتفظ بهم محلياً ويوفّر 87% من عدد الطلبات بدون لمس الكود. شرح للمبتدئين بمثال المكتبة العامة، تعريف علمي دقيق لـ max-age و immutable و ETag و الـ 304، إعداد NGINX شغّال، أرقام مقاسة على ملف حقيقي، trade-offs، وحالات لا تستخدمه فيها.
Model Context Protocol (MCP): اربط Claude بأدواتك في 30 سطر بايثون
لو بتربط Claude بـ Notion و GitHub و Postgres، كل integration كان بياخد 200-400 سطر كود. MCP بيخلّيه 30 سطر مرة واحدة لكل أداة. مقال للمستوى المتوسط بمثال USB-C للمبتدئ، تعريف علمي لـ JSON-RPC 2.0، MCP server بايثون شغّال على Postgres، أرقام مقاسة، trade-offs، وحالات لا تستخدمه فيها.
Event Loop في JavaScript: ليه Promise بيتنفّذ قبل setTimeout(0)؟
لو فتحت الكونسول وكتبت setTimeout مع Promise، رد Promise بيظهر الأول حتى لو setTimeout بصفر مللي ثانية. ده مش غلط في المتصفح. ده ترتيب متدرج جوّا الـ Event Loop. مقال للمبتدئ بمثال طابور المطار، تعريف علمي دقيق لـ Microtask Queue و Macrotask Queue، كود JavaScript شغّال على Node 22 ومتصفح Chrome، أرقام مقاسة، trade-offs، ومتى ما تشغّلش بالك بالموضوع أصلاً.
Heap بالعربي للمستوى المتوسط: لاقي أعلى 100 سعر من مليون منتج في 18ms
لو الـ dashboard بتاع متجر إلكتروني عندك بياخد 4 ثواني علشان يعرض أغلى 100 منتج من جدول فيه مليون صف، المشكلة مش في السيرفر ولا الـ index. المشكلة إنك بتسوّر مليون عنصر علشان تاخد منهم 100 بس. Heap بيخلّي نفس النتيجة تطلع في 18 مللي ثانية. مقال للمستوى المتوسط بمثال طوارئ المستشفى، تعريف علمي دقيق لـ Complete Binary Tree و Heap Property، كود Python شغّال على heapq، أرقام مقاسة فعليًا، trade-offs، وحالات لا تستخدمه فيها.