المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
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 مبالغة هندسية.
KEDA للمحترف: Autoscale Kubernetes حسب Kafka Lag بدل CPU في 18 سطر YAML
لو HPA بيـ scale خدمتك على CPU وعندك Kafka consumer بيتراكم عنده 180 ألف رسالة لأن CPU واقف عند 35%، الـ HPA مش هيتحرك. KEDA بيوصّل decision الـ scaling بمصدر الحدث الفعلي. مقال للمحترف بمثال محل البيتزا للمبتدئ، شرح علمي للـ external metrics من توثيق Kubernetes 1.32 و CNCF، ScaledObject YAML شغّال على EKS 1.30، أرقام مقاسة من فريق بـ 22 microservice (lag من 184K لـ 320، فاتورة EC2 نزلت 41%)، 4 trade-offs خفية، ومتى KEDA يكون قرار غلط.
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 بيكون مضيعة وقت.
Goroutines Pipelines في Go للمحترف: عالج 1.4 مليون Event/ثانية بدون Leaks
لو خدمة log ingestion بتاعتك بـ goroutines بتاكل 92% CPU وذاكرتها بتنمو 280MB كل ساعة لحد ما تقع، المشكلة مش في Go runtime — فيه goroutines مش بتموت أبداً. Pipeline Pattern بـ context cancellation و buffered channels بيخلّيك تعالج 1.4 مليون event/ثانية على 8 cores، بدون leaks، مع graceful shutdown في 200ms. مقال للمحترف بتعريف من ورقة Hoare 1978 (CSP)، 3 patterns شغّالة على Go 1.23، أرقام مقاسة من ingestion service بـ 14 مليار event/شهر، و4 trade-offs خفية.
JavaScript Proxy للمحترف: راقب أي قراءة أو كتابة على object بـ 12 سطر
لو dashboard React عندك بيرجّع state غلط بعد 4 تعديلات ومحدّش عارف مين عدّله، Proxy في JavaScript بيخلّيك تمسك أي قراءة أو كتابة على object بدون لمس الكود الأصلي. مقال للمحترف بمثال السكرتير للمبتدئ، تعريف من ECMAScript 2024 Spec قسم 10.5، كود شغّال على Node.js 22 و Chrome 131، 4 استخدامات إنتاجية بأرقام مقاسة، 4 trade-offs خفية، ومتى Proxy يبقى اختيار غلط.
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 خفية، ومتى مش لازم تشغّل بالك بالموضوع أصلاً.
Event Loop في JavaScript للمحترف: ليه setTimeout(0) بيتأخر و Promise بتسبقه
كتبت setTimeout(fn, 0) ولقيت Promise.resolve().then() بتنفذ قبله؟ ده مش bug، ده Microtask Queue شغّال صح. مقال للمحترف بمثال طابور الكاشير للمبتدئ، تعريف من HTML Living Standard قسم 8.1.7، كود JavaScript شغّال على V8، أرقام مقاسة (Microtask 0.3ms vs setTimeout 4ms minimum)، 4 trade-offs خفية، ومتى الاعتماد على ترتيب الـ Event Loop يبقى اختيار غلط.
Embeddings للمبتدئ: بحث سيمانتيكي لـ 5,000 منتج عربي في 23 سطر
لو زبون بيبحث عن "موبايل" والمنتج عندك مسجّل "هاتف ذكي"، الـ SQL LIKE مش هيرجع حاجة. Embeddings بتحوّل النصوص لأرقام بتفهم المعنى، فترفع precision@5 من 23% لـ 91% على catalog عربي. مقال للمبتدئ بمثال مكتبة مرتّبة بالموضوع، شرح علمي من ورقة Sentence-BERT (Reimers 2019)، كود Python في 23 سطر شغّال على openai SDK 1.50+ مع text-embedding-3-small، أرقام مقاسة على 5,000 منتج إلكترونيات + 1,400 query حقيقي، 4 trade-offs خفية، ومتى Embeddings مبالغة هندسية.
103 Early Hints للمحترف: ابعت preload للمتصفح قبل الـ HTML بـ 320ms
لو موقعك العربي بياخد 2.4 ثانية قبل LCP رغم HTTP/2 و preload جوّا الـ head، انت بتفقد round-trip كامل لمّا المتصفح يستنّى الـ HTML الأول قبل ما يبدأ يحمّل CSS و fonts. 103 Early Hints بيرسل preload hints قبل ما الـ origin يجاوب بـ 200 OK، وبيخفّض LCP من 2.4 ثانية لـ 0.9 ثانية على workload e-commerce حقيقي. مقال للمحترف بمثال موظف الاستقبال للمبتدئ، شرح علمي من RFC 8297، إعداد NGINX 1.25 + Node.js شغّال، أرقام مقاسة من 38K زيارة/يوم، 4 trade-offs خفية، ومتى Early Hints بيكون مضيعة وقت.