المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
ليه this بيتغيّر معناه في JavaScript: 4 قواعد تحسمها
الـ this في JavaScript مش مربوطة بمكان كتابة الدالة، هي مربوطة بطريقة استدعائها. مقال للمتوسط بمثال كلمة «أنا»، أربع قواعد بترتيب أولوية تحسم قيمتها، كود شغّال، سيناريو دفع حقيقي بأرقام، trade-offs، ومتى الدالة السهمية تكون اختيار غلط.
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 بيكون قرار غلط.