المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Pod Disruption Budget: امنع Kubernetes من قتل آخر replica وقت الـ upgrade
لو الـ cluster بتاعك راح من 3 replicas لـ 0 لمدة 47 ثانية وقت node upgrade، المشكلة مش في Kubernetes — انت ما عرّفتش Pod Disruption Budget. مقال للمستوى المتوسط بمثال للمبتدئ، تعريف علمي دقيق، YAML قابل للنسخ، أرقام قياس فعلية، trade-offs، وحالات لا تستخدمه فيها.
Backpressure في Node.js Streams: ليه السيرفر بياكل 4GB رام عند رفع ملف 500MB
لو سيرفر Node.js بيقع OOM لما حد يرفع ملف 500MB والذاكرة بتطلع لـ 4GB، المشكلة مش الذاكرة ولا حجم الملف. المشكلة إن الكود بيتجاهل backpressure في الستريم. شرح للمستوى المتوسط بمثال المطبخ، تعريف علمي، كود pipe vs pipeline، أرقام قياس فعلية، trade-offs، وحالات لا تستخدم فيها.
Idempotency Keys في APIs: ليه نفس عملية الدفع بتتنفّذ مرّتين
لو عميلك ضغط زرّ الدفع مرّتين بسبب بطء النت، البنك ممكن يخصم منه المبلغ مرّتين. Idempotency Key بيخلّي السيرفر يرفض النسخة الثانية ويرجّع نتيجة الأولى — بسطر واحد على قاعدة البيانات. مقال للمستوى المتوسط بمثال شركة دفع، تعريف علمي، كود Express + PostgreSQL شغّال، أرقام إنتاج، trade-offs، وحالات ما تستخدمهوش فيها.
خطوط الويب: امنع CLS بقيمة 0.24 وحمّل الخط في 80ms بدل 480ms
لو الصفحة بتقفز وتعيد ترتيب نفسها لما الخط العربي يخلّص تحميل، CLS بيوصل 0.24 وLCP بيتأخر نصف ثانية. ضبط font-display مع subsetting وpreload يحل المشكلة بدون لمس التصميم — مع أرقام مقاسة وtrade-offs واضحة.
اعمل Chrome Extension يلخّص أي صفحة ويب بـ Claude في 45 سطر
لو بتفتح 30 تاب يوميًا وبتقرا نص كل واحد قبل ما تعرف هو يهمك ولا لأ، الإضافة دي بتلخّص لك الصفحة في 4 ثواني. شرح للمستوى المتوسط بمثال حقيقي، Manifest V3، كود JavaScript قابل للنسخ، تكلفة فعلية لكل ملخّص، trade-offs، وحالات ما تستخدمهاش فيها.
N+1 Query Problem: ليه ORM بياخد 1001 طلب SQL بدل اتنين
لو endpoint بيرجع قائمة 1000 طلبية بياخد 8 ثواني والـ DB CPU مرتفع، المشكلة غالبًا مش في الـ index ولا السيرفر. المشكلة إن الـ ORM بيعمل 1001 طلب SQL بدل اتنين. مقال للمستوى المتوسط بمثال للمبتدئ، تعريف علمي، كود Python/SQLAlchemy وDjango شغّال، أرقام قياس فعلية، حلول joinedload وselectinload وDataLoader، trade-offs، وحالات ما تستخدمهوش فيها.
Brotli vs gzip: وفّر 21% من حجم JavaScript قبل ما يوصل المتصفح
لو bundle الـ JavaScript بتاعك بيوصل للزائر 348KB مضغوط بـ gzip، Brotli بيوصّله لـ 251KB بنفس الكود وبدون لمس الـ build. شرح للمستوى المتوسط مع أرقام مقاسة على ملف حقيقي، إعداد NGINX، ضبط Cloudflare، trade-offs واضحة، وحالات لا تستخدم Brotli فيها.
Structured Output في AI: خلّي الموديل يرجعلك JSON صحيح من أول مرة
لو تطبيق AI عندك بيرجع JSON أحيانًا مكسور وبتضطر تعمل retry، Structured Output بيرفع نسبة نجاح parsing من 85% لـ 100% بدون تعديل الموديل. مقال للمستوى المتوسط بمثال بسيط، تعريف علمي، كود Python شغّال على Anthropic SDK مع Pydantic، أرقام مقاسة من production، trade-offs، وحالات ما تستخدمهوش فيها.
MCP Servers بالعربي: اربط Claude بأدواتك من غير ما تبني API لكل أداة
لو بتربط Claude أو أي LLM بأكتر من أداة (DB، Slack، Notion، CRM)، الطريقة التقليدية بـ function calling مخصص لكل client بتفشل في صيانتها. MCP بيحل ده ببروتوكول موحد. مقال للمستوى المتوسط بمثال للمبتدئ، تعريف علمي، كود Python شغّال على mcp SDK، أرقام، trade-offs، وحالات ما تستخدمهوش فيها.