المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
Tree Shaking للمحترف: شيل 340KB من Bundle بدون ما تلمس الكود
لو bundle الإنتاج بتاعك 892KB رغم إن المستخدم بيستعمل 3 شاشات بس، المشكلة مش في المكتبات — هي في إن Webpack مش قادر يثبت إن باقي الكود "آمن للحذف". المقال للمحترف بيشرح ESM static analysis، sideEffects flag، و Pure Annotations بأمثلة لـ Webpack 5 و Rollup و esbuild، مع أرقام مقاسة من إنتاج Next.js 14 وقياس قبل/بعد لمتجر فعلي.
LLM-as-a-Judge للمحترف: Eval Pipeline يمسك Regression قبل الإنتاج
دليل تنفيذي للمحترف لبناء Eval Pipeline بـ LLM-as-a-Judge في 47 سطر Python، بيمسك الـ regression في 12 دقيقة بدل 4 أيام، بـ Spearman correlation 0.87 مع تقييم البشر، وتكلفة $1.40 لكل run على 200 sample.
CORS للمبتدئ: ليه المتصفح بيرفض طلبك رغم إن السيرفر شغّال
جربت تطلب بيانات من API بالـ fetch ولقيت المتصفح بيرفض الرد بخطأ Access-Control-Allow-Origin؟ السيرفر شغّال بدليل إنه بيرد على Postman. المشكلة في طبقة حماية في المتصفح اسمها CORS، ومش هتفهمها قبل ما تعرف فكرة الـ Origin والـ Preflight. مقال للمبتدئ بمثال بوّاب البناية، تعريف علمي من Mozilla MDN و RFC 6454، كود Express 5 و FastAPI شغّال قابل للنسخ، 3 أنواع طلبات CORS بأمثلة فعلية، 4 trade-offs خفية، ومتى يكون السبب مش CORS أصلاً.
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 بدون فايدة.
Recursion للمبتدئ: ازاي الدالة تنادي نفسها وامتى Stack Overflow بيقعّد كل حاجة
لو شفت دالة في الكود بتنادي نفسها بنفس اسمها، انت قدام أهم تقنية حسابية في علم الكمبيوتر: الـ Recursion. مقال للمبتدئ بمثال علب الماتريوشكا، تعريف علمي من CLRS، أمثلة كود Python شغّالة على factorial و file traversal، شرح ازاي Call Stack بيشتغل وليه RecursionError بيظهر بعد 1000 استدعاء، أرقام مقاسة، 4 trade-offs، ومتى Recursion يبقى كارثة على الـ performance.
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 يبقى اختيار غلط.