مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
لو سكربت Python بياكل 47 جيجا رام بسبب list واحدة، Generators بكلمة yield بتنزّل الذاكرة لـ 12 ميجا بدون تغيير في الـ infrastructure. مقال للمتوسط بمثال المكتبة العامة للمبتدئ، شرح علمي من PEP 255 وتوثيق Python 3.13، كود قابل للنسخ، أرقام مقاسة على ملف 50GB، Generator Expressions، Pipeline من 3 generators متربطين، 4 trade-offs خفية، ومتى Generators يكون اختيار غلط.
لو سألك حد في interview ليه await Promise.resolve() بينفّذ قبل setTimeout(0) رغم إن الاتنين بيأجّلوا التنفيذ، الإجابة مش في JavaScript نفسه، الإجابة في إن فيه طابورين منفصلين داخل Event Loop. مقال للمتوسط بمثال موظف المكتب للمبتدئ، شرح علمي من WHATWG HTML Spec قسم 8.1.7، 4 قواعد تحسم الترتيب بكود JS شغّال على V8 و Node 22، أرقام قياس فعلية (queueMicrotask 0.018ms vs setTimeout(0) 1.4ms، فرق 60×)، تحذير من Microtask Starvation اللي بيجمّد الـ UI، 4 trade-offs خفية، ومتى مش لازم تشغّل بالك بالموضوع أصلاً.
لو فريقك بيكرّر نفس 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 بيكون اختيار غلط.
لو تطبيق الـ 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 بيبقى اختيار غلط.
لو شفت 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.
صندوق بحث live بيبعت طلب fetch مع كل حرف بيهدر 80% من ضغط الـ Backend على نتائج فات وقتها. شرح للمتوسط بمثال حارس باب السينما للمبتدئ، تعريف من DOM Standard، كود React hook شغّال، أرقام مقاسة (5 طلبات → 1، توفير 80%)، Pattern الـ timeout، 4 trade-offs خفية، ومتى AbortController يبقى اختيار غلط.
الـ this في JavaScript مش مربوطة بمكان كتابة الدالة، هي مربوطة بطريقة استدعائها. مقال للمتوسط بمثال كلمة «أنا»، أربع قواعد بترتيب أولوية تحسم قيمتها، كود شغّال، سيناريو دفع حقيقي بأرقام، trade-offs، ومتى الدالة السهمية تكون اختيار غلط.
تنسخ object بـ {...obj} وتعدّل النسخة فيتغيّر الأصل — ده مش bug، ده Shallow Copy. شرح للمتوسط بمثال مفتاح الدرج، الفرق بين القيمة والمرجع، كود JavaScript شغّال، مقارنة structuredClone بطريقة JSON وبـ lodash بأرقام مقاسة، أربع trade-offs، ومتى لا تستخدم النسخ العميق.
لو الكود بيفتح ملفات أو DB connections بـ try/finally في 14 مكان، انت بتعيد 6 سطور حماية في كل مرة وكفاية تنسى finally واحدة عشان السيرفر يبدأ ياكل file descriptors. with statement بيختصرها لسطرين ويضمن غلق المورد حتى مع الـ exception. مقال للمتوسط بمثال حارس الباب للمبتدئ، تعريف من PEP 343، كود Python 3.12 شغّال، أرقام مقاسة من خدمة fintech عربية (187 connection ميت → 0)، 4 trade-offs، ومتى with بيكون اختيار غلط.