تكنولوجيا
التصنيف الرئيسي للمقالات التقنية: برمجة، ذكاء اصطناعي، 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 يبقى اختيار غلط.
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، ومتى لا تستخدم النسخ العميق.
Docker Build للمتوسط: من 4 دقائق لـ 12 ثانية بـ Layer Caching
لو docker build بياخد دقائق كل مرة تعدّل سطر كود، المشكلة في ترتيب الـ Dockerfile مش في السيرفر. مقال للمتوسط يشرح الـ layer caching بمثال بسيط، Dockerfile صحيح قابل للنسخ، cache mount لـ BuildKit، أرقام قبل وبعد (3:52 دقيقة ← 12 ثانية)، 4 trade-offs، ومتى التحسين ده مش مستاهل.
تقسيم الكود للمتوسط: نزّل أول تحميل 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 بيكون قرار غلط.