المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Karpenter للمتوسط: وفّر 47% من فاتورة EC2 في 25 سطر YAML
لو فاتورة EC2 الشهرية على cluster EKS عندك بتتعدّى $4,800 رغم إن نص الـ workloads قاعد فاضي، المشكلة في Cluster Autoscaler اللي بياخد قراراته من ASG واحدة جامدة. Karpenter بيستبدل ده بـ NodePool مرن يختار من 380 instance type ويوفّر 47% من الفاتورة في 25 سطر YAML. مقال للمتوسط بمثال مدير الباصات للمبتدئ، شرح تقني من توثيق Karpenter v1.0، YAML قابل للنسخ على EKS 1.30، أرقام مقاسة من 90 يوم إنتاج، 4 trade-offs خفية، ومتى Cluster Autoscaler يفضل أبسط.
Memory Leaks في Node.js: اكتشف وأصلح بـ Heap Snapshots في 3 خطوات
لو الـ Node.js process بتاعك بياكل RAM كل ساعة لحد ما يموت بـ OOM، الكود مش بيتسرّب — هو بيحتفظ بمرجع لكائن مفروض ينتهي. مقال للمتوسط بمثال صاحب البيت للمبتدئ، شرح علمي للـ V8 heap، 3 خطوات capture/diff/analyze بـ Chrome DevTools، حالة event listeners حقيقية، أرقام مقاسة (من 1.4GB لـ 180MB)، 4 trade-offs، ومتى Heap Snapshot يكون اختيار غلط.
اعمل Self-hosted Plausible Analytics للمتوسط: بديل Google Analytics بـ €4 شهرياً في 20 دقيقة
دليل تنفيذي للمتوسط لتركيب Plausible Community Edition على VPS بـ Docker Compose في 20 دقيقة. بديل خفيف لـ Google Analytics بحجم سكربت 1KB، بدون cookies، وبتكلفة €4.51 شهرياً على Hetzner CX22. مع شرح علمي من توثيق Plausible الرسمي، خطوات قابلة للنسخ، أرقام مقاسة من 90 يوم تشغيل، و 4 trade-offs خفية تظهر في الإنتاج.
Mixture of Experts للمتوسط: ازاي Mixtral 8x7B بيشغّل 47B parameter بسرعة 13B
شرح معمارية MoE بمثال المستشفى التخصصية للمبتدئ، ثم تشريح علمي للـ Gating Network و Sparse Activation، مع كود vLLM في 24 سطر بيشغّل Mixtral 8x7B على GPU واحدة A100 80GB ويرد على 142 token/sec بتكلفة inference 0.31× من Llama 70B الكثيف.
Tool Use في Claude للمتوسط: خلّي النموذج يستدعي 5 functions ويوفّر 73% من كود الشروط
لو chatbot شركتك بيرد على عميل بسؤال زي "سعر iPhone بعد خصم الذهبي وهل متوفر في فرع المهندسين؟"، الكود التقليدي بيتطلب 4 شروط متداخلة و 184 سطر منطق علشان يقرر يجيب من فين. Tool Use في Claude Sonnet 4.6 بيخلّي النموذج هو اللي يقرر إمتى يستدعي search_product وإمتى يستدعي check_inventory، فيقل الكود من 184 سطر لـ 49 سطر وبتقل أخطاء التوجيه من 8.7% لـ 1.2%. مقال للمتوسط بمثال موظف الاستقبال للمبتدئ، شرح علمي من توثيق Anthropic Tool Use، كود Python في 38 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة على 2,400 محادثة فعلية من Sales bot فرع الرياض (مايو 2026)، 4 trade-offs خفية بتظهر في الإنتاج، ومتى Tool Use overhead بدون فايدة.
Lighthouse CI للمتوسط: امنع تدهور Performance قبل ما يوصل الإنتاج
لو فريقك بيـ deploy ومحدّش بيلاحظ إن LCP زاد من 1.2 ثانية لـ 4.8 ثانية لحد ما العملاء يشتكوا، انت بتدفع تكلفة غياب performance budget في الـ CI. Lighthouse CI بـ 60 سطر workflow بيقفل ده. مقال للمتوسط بمثال ميزان المخبز للمبتدئ، شرح Core Web Vitals من web.dev، GitHub Actions workflow كامل قابل للنسخ على @lhci/cli 0.14، أرقام مقاسة من e-commerce عربي بـ 28K زيارة/يوم (LCP من 3.4s لـ 1.8s، 14 PR اترفض قبل الإنتاج)، 4 trade-offs خفية، ومتى Lighthouse CI مبالغة هندسية.
Tool Use في Claude للمتوسط: خلّي النموذج يستدعي 4 APIs في طلب واحد بدل ما يرجّع نص
لو Claude بيرجعلك "روح للوحة التحكم وشيك حالة الطلب" بدل ما يجيبها بنفسه، انت بتدفع للنموذج علشان يقترح بس. Tool Use بيخلّي Claude Sonnet 4.6 يستدعي functions حقيقية في الكود بتاعك، يستهلك API بيانات الطلبات، ويرجّع رد ببيانات فعلية في 1.4 ثانية. مقال للمتوسط بمثال موظف الاستقبال والتيليفون الداخلي للمبتدئ، شرح علمي من Anthropic Function Calling Docs، كود Python في 32 سطر شغّال على anthropic SDK 0.49+، أرقام مقاسة على 1,800 سؤال دعم فني عربي (نجاح 94.2%، تكلفة $0.0089/تفاعل)، 4 trade-offs خفية، ومتى Tool Use بيكون مضيعة وقت.
Event Loop في JavaScript للمتوسط: ليه await Promise.resolve() بيسبق setTimeout(0)
لو سألك حد في 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 خفية، ومتى مش لازم تشغّل بالك بالموضوع أصلاً.
Tool Use في Claude للمتوسط: ربط النموذج بـ 6 أدوات بدون hallucinated function calls
لو ربطت Claude بـ 6 functions في chatbot شركتك ولقيت إنه بيخترع أسماء functions مش موجودة (مثل get_user_info بدل fetch_user_profile)، المشكلة مش في النموذج. المشكلة في descriptions الأدوات. مقال للمتوسط بمثال موظف الاستقبال للمبتدئ، شرح علمي من ورقة Toolformer (Schick 2023)، كود Python في 32 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة على 2,400 request في chatbot fintech عربي (نسبة الـ hallucination من 14.2% لـ 0.7%)، 4 trade-offs خفية في التكلفة والـ latency والـ maintenance، ومتى Tool Use بيكون قرار غلط.
اعمل OG Image دايناميكي بـ Satori على Cloudflare Workers في 80 سطر
المصمم بيقعد 12 ساعة أسبوعياً يصمم صور Open Graph يدوياً. Satori على Cloudflare Workers بيخلّيها تتولّد لحظياً من URL parameters بـ 80 سطر TypeScript، 47 مللي ثانية cold start، وبصفر تكلفة تحت 100K طلب يومياً. دليل تنفيذي للمتوسط بمثال المطبعة للمبتدئ، شرح علمي لـ Yoga layout و resvg-wasm، كود كامل قابل للنسخ على wrangler 3.x، أرقام مقاسة من 90 يوم إنتاج على blog عربي بـ 38K زيارة شهرياً، 4 trade-offs خفية في CSS subset والـ fonts والـ cache invalidation، ومتى Puppeteer لسه الاختيار الأنسب.