المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Recursion للمبتدئ: لما الدالة بتنادي نفسها بدون ما تدخل في حلقة مفرغة
لو الكود مات فجأة بـ "Maximum call stack size exceeded"، يبقى نسيت condition التوقف في Recursion. شرح للمبتدئ بمثال البصلة، تعريف علمي من CLRS، كود Python 3.12 و JavaScript Node 20 شغّال، قياس فعلي على شجرة بعمق 10,000 (Stack Overflow vs 4 مللي ثانية بـ loop)، 4 trade-offs خفية، ومتى Recursion بيكون اختيار غلط.
Decorators في Python للمتوسط: من 14 دالة بتعيد نفس الكود لـ @ واحد
لو فريقك بيكرّر نفس 8 سطور التحقق من JWT في 14 endpoint، انت بتدفع ضريبة DRY مرتين. Python Decorators بـ @ واحد بيخلّي السطور دي تتكتب في مكان واحد، وكل endpoint بيحطها قبله بسطر. مقال للمتوسط بمثال حارس المبنى للمبتدئ، شرح علمي من PEP 318، 4 decorators شغّالة (@timer, @retry, @cache, @auth) على Python 3.12 و FastAPI 0.110، أرقام مقاسة من خدمة fintech عربية (1,840 سطر مكرر → 230 سطر)، 4 trade-offs خفية، ومتى Decorator بيكون اختيار غلط.
WeakMap و WeakSet للمتوسط: امنع Memory Leaks في الـ Caches و Event Listeners
لو تطبيق الـ React عندك بياكل 1.4GB RAM بعد ساعة شغل وفي 12 ألف Detached DOM node في الـ heap snapshot، المشكلة في Map عادي ماسك references لـ objects ما عادتش محتاجة. مقال للمتوسط بمثال أوراق المكتبة للمبتدئ، تعريف من ECMAScript 2024 Spec قسم 24.3، كود JavaScript شغّال، أرقام مقاسة من dashboard React (1.42GB → 187MB، توفير 86%)، 4 trade-offs خفية، ومتى WeakMap بيبقى اختيار غلط.
Closures في JavaScript للمتوسط: ليه الدالة بتفتكر متغيرات الـ scope
لو شفت stale closure في React review أو كتبت debounce بدون ما تفهم ليه الـ timer بيفضل محفوظ، انت بتستخدم Closures من غير ما تعرفها. مقال للمتوسط بمثال الدفتر الشخصي للموظف للمبتدئ، تعريف علمي من ECMAScript 2024 Spec قسم 9.4، 4 استخدامات واقعية بكود قابل للنسخ (event handlers, debounce, module pattern, React hooks)، قياس فعلي يقارن Closure بـ Class على مليون instance (138MB vs 96MB)، الفخ الشائع لـ memory leak، 4 trade-offs خفية، ومتى تتجنب Closures.
AbortController في JavaScript للمتوسط: ألغِ طلبات fetch قبل ما تخنق الـ Backend
صندوق بحث live بيبعت طلب fetch مع كل حرف بيهدر 80% من ضغط الـ Backend على نتائج فات وقتها. شرح للمتوسط بمثال حارس باب السينما للمبتدئ، تعريف من DOM Standard، كود React hook شغّال، أرقام مقاسة (5 طلبات → 1، توفير 80%)، Pattern الـ timeout، 4 trade-offs خفية، ومتى AbortController يبقى اختيار غلط.
ليه 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، ومتى لا تستخدمها.