تكنولوجيا
التصنيف الرئيسي للمقالات التقنية: برمجة، ذكاء اصطناعي، DevOps، تحسين الأداء، أوتوميشن، وأخبار التكنولوجيا.
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 يبقى اختيار غلط.
Vision API للمبتدئ: خلّي Claude يقرا فاتورة عربية ويستخرج 12 حقل بدقة 96.4%
لو شركتك بتقعد 4 ساعات يومياً تكتب بيانات 200 فاتورة في Excel، Claude Vision API بيستخرج 12 حقل (المبلغ، الضريبة، التاريخ، البائع) من فاتورة عربية ممسوحة ضوئياً في 3.7 ثانية بدقة 96.4% على عيّنة 1,200 فاتورة فعلية. مقال للمبتدئ بمثال المحاسب الجديد vs المحاسب الخبير، شرح علمي للفرق بين OCR التقليدي والـ multimodal LLM، كود Python في 25 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، مقارنة كاملة مع Tesseract (61.2% دقة، $0 تكلفة)، 4 trade-offs خفية في التكلفة والـ latency والـ privacy، ومتى Vision API بيكون اختيار غلط.
Reranking للمتوسط: ارفع دقة RAG من 64% لـ 91% بـ Cohere Rerank في 38ms
لو RAG بتاعك بيرجّع نتائج صحيحة سيمانتيكياً بس مش الأنسب للسؤال، المشكلة في الـ bi-encoder. Reranking مع cross-encoder بيخلّي precision@5 يقفز من 64% لـ 91% على workload عربي. مقال للمتوسط بمثال أمين المكتبة للمبتدئ، شرح علمي من ورقة Nogueira & Cho 2019، كود Python في 19 سطر شغّال على cohere SDK 5.13+ و Cohere Rerank v3.5 multilingual، أرقام مقاسة على 1,400 سؤال دعم عربي فعلي (latency من 92ms لـ 130ms)، 4 trade-offs خفية، ومتى Reranking مضيعة وقت.
ليه 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، ومتى لا تستخدمها.