المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
صور AVIF و WebP للمتوسط: نزّل حجم الصور 78% وحسّن LCP من 3.4 ثانية لـ 0.9 ثانية
لو موقعك العربي بياخد 3.4 ثانية قبل ما الصورة الكبيرة تظهر، السيرفر مش بطيء — الـ JPEG بتاعتك 480KB ولها بديل بـ 105KB بنفس الجودة. مقال للمتوسط بمثال ضغط المياه للمبتدئ، شرح علمي لـ AV1 و VP8، أوامر cwebp و avifenc كاملة، إعداد <picture> مع fallback، أرقام مقاسة من e-commerce عربي بـ 38K زيارة/يوم (LCP من 3.4s لـ 0.9s)، 4 trade-offs خفية، ومتى AVIF بيكون قرار غلط.
نظّف Docker Images القديمة تلقائياً: حرّر 14 جيجا يومياً بـ cron في 30 سطر
لو قرص سيرفر CI بياخد alert على 92% كل أسبوع وانت بتشغّل docker system prune يدوياً، انت بتعمل أوتوميشن نقي بإيدك. سكربت في 30 سطر مع cron بيحرّر 14 جيجا يومياً، ومضمون انه ميمسحش image شغّال. مقال للمتوسط بمثال نسخ البرامج للمبتدئ، شرح copy-on-write من توثيق Docker الرسمي، كود bash + cron entry قابل للنسخ، أرقام مقاسة من 60 يوم على سيرفر Hetzner CCX23 بـ 38 build/يوم، 4 trade-offs خفية، ومتى الأوتوميشن دي تتداخل مع kubelet garbage collection.
Kubernetes Network Policies للمتوسط: امنع 94% من lateral movement في cluster بـ 22 سطر YAML
افتراضياً، أي Pod في cluster Kubernetes يقدر يكلّم أي Pod تاني بدون قيد. لو حد اخترق pod واحد بسيط زي صفحة "اتصل بنا"، يقدر يطلع لـ DB من الباب الخلفي. Network Policy في 22 سطر YAML بتقفل ده وتمنع 94% من lateral movement. مقال للمتوسط بمثال البناية السكنية للمبتدئ، شرح علمي من توثيق Kubernetes 1.32 و CNCF، YAML شغّال على Calico v3.28، أرقام مقاسة على cluster GKE فيه 32 microservice، 4 trade-offs خفية، ومتى Network Policy تكون قرار غلط.
Batch API في Claude للمتوسط: وفّر 50% لو شغلك مش real-time
لو بتبعت 50 ألف طلب شهرياً لـ Claude API علشان تترجم تذاكر دعم أو تلخّص PDFs، أنت بتدفع ضعف اللي محتاجه. Batch API بيخفّض الفاتورة 50% بشرط واحد: الرد ممكن يستنى ساعة بدل ثانية. مقال للمتوسط بمثال المطبعة للمبتدئ، كود Python شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، حساب فعلي على workload عربي بـ 42K طلب شهرياً، 4 trade-offs خفية، ومتى Batch API بيكون قرار غلط.
اعمل Real-time Dashboard بـ Server-Sent Events في Node.js — بديل WebSocket في 60 سطر
لو dashboard المراقبة بياخد polling كل ثانية و 800 مستخدم مفتوحينه، السيرفر بياخد 800 طلب/ثانية مالهومش لزمة. Server-Sent Events بسطرين Express بيخلّوا السيرفر يدفع التحديثات للمتصفح لحظة حدوثها، بدون WebSocket ولا مكتبات client. دليل تنفيذي للمتوسط في 60 سطر، شرح علمي من WHATWG HTML Living Standard، كود Node.js 22 + Express 5 شغّال، أرقام مقاسة على Hetzner CPX21 (الـ CPU من 47% لـ 2.1%، الـ bandwidth -92%)، 4 trade-offs خفية، ومتى SSE اختيار غلط.
Cloudflare Tunnel للمتوسط: افتح خدمتك المحلية للعالم بدون Port Forwarding في 6 دقائق
دليل تنفيذي للمتوسط لإعداد Cloudflare Tunnel على Raspberry Pi أو لاب توب — افتح خدمتك للإنترنت بدون port forwarding ولا VPN ولا IP عام مكشوف، مع أرقام مقاسة من 60 يوم إنتاج، 4 trade-offs خفية، ومتى الطريقة دي مش الحل أصلاً.
Debounce و Throttle للمتوسط: من 10 طلبات API لطلب واحد بسطرين
صندوق البحث اللي بيبعت طلب مع كل حرف بيهدر 90% من طلباته على الفاضي. Debounce و Throttle بيحلّوا ده بسطرين JavaScript. شرح للمتوسط بمثال المصعد والأتوبيس، كود جاهز للنسخ، أرقام توفير حقيقية، 4 trade-offs، ومتى الاتنين يكونوا اختيار غلط.
Event Loop في JavaScript للمتوسط: ليه setTimeout(0) مش بيتنفّذ فورًا
لو كتبت setTimeout(fn, 0) وفاكرها هتشتغل حالًا، في عندك bug صامت مستنّي وقته. المقال يشرح الـ Event Loop للمتوسط: الفرق بين microtask و macrotask، ليه Promise بيسبق setTimeout، كود يثبت الترتيب، سيناريو واجهة بتتجمد بسبب microtask starvation، 4 trade-offs، ومتى ميهمكش الموضوع أصلًا.
PgBouncer Transaction Pooling للمتوسط: من 8,400 connection error/دقيقة إلى صفر
لو الـ API بتاعك بيرجّع FATAL: too many clients already وقت الذروة، PostgreSQL مش ضعيف — انت بتفتح 1,200 connection على DB قابل لـ 100 فقط. PgBouncer 1.23 في transaction mode بيخلّي 1,000 طلب متزامن يشتغلوا على 25 connection حقيقي، وبيقلّل connection errors من 8,420 في الدقيقة لـ صفر، مع نزول P95 من 480ms لـ 28ms. مقال للمتوسط بمثال المطعم للمبتدئ، شرح علمي للـ 3 modes من توثيق PgBouncer 1.23 الرسمي، إعداد كامل قابل للنسخ، كود Node.js شغّال على pg 8.x، أرقام مقاسة من إنتاج 1,240 req/sec، 4 trade-offs خفية بما فيهم prepared statements و LISTEN/NOTIFY، ومتى Transaction Pooling بيكون مضيعة وقت.