المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Deep Copy و Shallow Copy في JavaScript: ليه تعديل النسخة بيغيّر الأصل
تنسخ object بـ {...obj} وتعدّل النسخة فيتغيّر الأصل — ده مش bug، ده Shallow Copy. شرح للمتوسط بمثال مفتاح الدرج، الفرق بين القيمة والمرجع، كود JavaScript شغّال، مقارنة structuredClone بطريقة JSON وبـ lodash بأرقام مقاسة، أربع trade-offs، ومتى لا تستخدم النسخ العميق.
ليه 0.1 + 0.2 مش بيساوي 0.3 للمبتدئ: خطأ الفاصلة العائمة وحلّه
لو كتبت 0.1 + 0.2 ولقيت الناتج 0.30000000000000004، ده مش bug. شرح للمبتدئ بمثال قسمة 1 على 3، تفسير دقيق لمعيار IEEE 754 وبنية الـ 64 خانة، كود JavaScript وPython شغّال، سيناريو فلوس حقيقي، 3 حلول وكل واحد بتمنه، ومتى الموضوع ده ما يشغّلش بالك أصلًا.
Memoization للمبتدئ: من 2.1 ثانية لـ 0.03 مللي ثانية بسطر واحد
دالة fib(35) العادية تأخذ 2.1 ثانية و29.8 مليون استدعاء؛ مع Memoization تصير 0.03 مللي ثانية و69 استدعاء فقط. شرح للمبتدئ بمثال موظف الاستقبال، تعريف من ورقة Donald Michie 1968، كود Python شغّال مع lru_cache، أرقام مقاسة على Python 3.11، أربع trade-offs، ومتى لا تستخدمها.
Bitwise و Bitmask للمبتدئ: خزّن 32 صلاحية في رقم واحد
لو بتنقل 4 متغيرات boolean مع بعض في الكود، تقدر تحطهم في رقم واحد. شرح Bitwise و Bitmask للمبتدئ بمثال لوحة مفاتيح الكهرباء، كود JavaScript شغّال، أرقام تخزين حقيقية، trade-offs، ومتى لا تستخدمها.
Docker Build للمتوسط: من 4 دقائق لـ 12 ثانية بـ Layer Caching
لو docker build بياخد دقائق كل مرة تعدّل سطر كود، المشكلة في ترتيب الـ Dockerfile مش في السيرفر. مقال للمتوسط يشرح الـ layer caching بمثال بسيط، Dockerfile صحيح قابل للنسخ، cache mount لـ BuildKit، أرقام قبل وبعد (3:52 دقيقة ← 12 ثانية)، 4 trade-offs، ومتى التحسين ده مش مستاهل.
Hash Table للمبتدئ: ابحث في مليون سجل في خطوة واحدة
لو بتدوّر على قيمة جوّه مليون سجل، القائمة العادية بتفحص العناصر واحد واحد. جدول الهاش بيوصّلك للقيمة في خطوة واحدة. شرح للمبتدئين بمثال موظف الأمانات، تعريف علمي من CLRS، كود Python شغّال، وقياس فعلي بيوضّح فرقًا أكتر من 200 ألف ضعف.
تقسيم الكود للمتوسط: نزّل أول تحميل JavaScript لـ 210KB
أغلب المواقع بتبعت كل كود التطبيق دفعة واحدة، فالمستخدم بيستنى ثواني في شاشة فاضية. تقسيم الكود بيقسّم الـ JavaScript لأجزاء تتحمّل عند الطلب — مقال للمتوسط بمثال المطعم، كود React شغّال، أرقام مقاسة (1.83MB ← 210KB)، 4 trade-offs، ومتى متستخدمهوش.
Prompt Caching في Claude للمتوسط: قلّل فاتورة الـ System Prompt 89% بسطر واحد
لو chatbot شركتك بيرسل system prompt حجمه 22,000 token مع كل سؤال، انت بتدفع $0.066 لكل طلب بدون داعي. Prompt Caching في Claude Sonnet 4.6 بيخلّي نفس الـ prefix يتكرر بـ 10% من السعر بعد أول مرة، وبسطر واحد إضافي. مقال للمتوسط بمثال موظف الاستقبال للمبتدئ، شرح الـ KV cache من Anthropic Docs، كود Python شغّال على anthropic SDK 0.49، أرقام مقاسة من fintech عربي بـ 1,240 طلب/يوم (التكلفة من $2,433 لـ $280 شهرياً، TTFT من 1,840ms لـ 280ms)، 4 trade-offs خفية، ومتى Caching بيكون قرار غلط.
Brotli vs Gzip للمبتدئ: نزّل حجم JavaScript 24% بسطرين NGINX
لو موقعك بياخد 2.8 ثانية قبل ما الصفحة تظهر، السيرفر مش بطيء — انت بترسل 482KB من Gzip بدل 365KB من Brotli. شرح للمبتدئ بمثال شركة الشحن، تفعيل Brotli في NGINX بسطرين، أرقام مقاسة على bundle 1.2MB، 4 trade-offs خفية، ومتى Brotli بيكون اختيار غلط.
Sealed Secrets في Kubernetes للمتوسط: حط credentials في Git بأمان بدون Vault
لو فريقك بيخزّن DB passwords في kubectl create secret يدوي على كل cluster، انت بتدفع تكلفة خفية بدون audit trail. Sealed Secrets بيحوّل الـ Secret لـ YAML مشفّر تقدر تحطه في Git بأمان، وفك التشفير بيحصل بس داخل الـ cluster المحدد. مقال للمتوسط بمثال صندوق البريد المُقفل للمبتدئ، شرح علمي للـ asymmetric encryption، أوامر kubeseal كاملة قابلة للنسخ، أرقام مقاسة من فريق 6 مهندسين على 18 microservice، 4 trade-offs خفية، ومتى Sealed Secrets يكون اختيار غلط.