المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Prompt Caching في Claude API: من فاتورة 2,250$ إلى 230$ شهريًا في 3 سطور كود
لو بتبعت نفس الوثيقة لـ Claude في كل سؤال، إنت بتدفع ثمنها مرة ورا التانية. مقال للمستوى المتوسط بمثال أمين المكتبة للمبتدئين، شرح علمي للـ KV-cache من ورقة Pope et al. 2022، كود Python شغّال على Anthropic SDK 0.45+، أرقام مقاسة على 50K-token legal context و 500 سؤال يومي، 4 trade-offs خفية، ومتى caching هيكلّفك أكتر من اللي بيوفّره.
Memoization في JavaScript للمتوسط: خلّي الدالة تفتكر بدل ما تحسب 30 ألف مرة
لو دالة عندك بتحسب نفس النتيجة 1.7 مليون مرة على n=30، Memoization بـ 8 سطور JavaScript بتنزّل الزمن من 12 ثانية لـ 0.4 مللي ثانية. مقال للمتوسط بمثال المحاسب للمبتدئ، تعريف علمي من ورقة Donald Michie 1968، كود شغّال على Node 22، أرقام مقاسة، 4 trade-offs حقيقية، ومتى Memoization بتكسر منطقك بدل ما تحسّنه.
اعمل Search-as-you-Type عربي بـ Meilisearch و Hono — بديل Elasticsearch بربع الذاكرة
لو بتدفع $80 شهري على Elastic Cloud لـ 50K منتج، Meilisearch بيعمل نفس الشغل بـ 600MB RAM و typo tolerance عربي شغّال out-of-the-box. مقال للمتوسط بمثال أمين المكتبة للمبتدئ، شرح علمي للـ Finite State Transducer، كود Hono و TypeScript شغّال في 80 سطر، فهرسة 50K منتج عربي في 4.2 ثانية، أرقام مقاسة على Hetzner CX22، 4 trade-offs، ومتى Elasticsearch تفضل أحسن.
Prompt Caching في Claude API للمتوسط: نزّل تكلفة الـ Context الثابت 87% بسطر واحد
لو تطبيقك بيبعت لـ Claude نفس system prompt بـ 8K token في كل request، إنت بتدفع تمن نفس الـ tokens آلاف المرات بدون داعي. Prompt Caching بينزّل الفاتورة 87% ويسرّع الرد 33%. مقال للمتوسط بمثال المطعم للمبتدئ، شرح علمي لـ KV cache من ورقة Pope et al. 2022، كود Python شغّال على anthropic SDK 0.45+، أرقام مقاسة على تطبيق دعم فني عربي بـ 200K token/يوم، 4 trade-offs، ومتى Prompt Caching بيخسّرك فلوس فعلاً.
Materialized Views في PostgreSQL للمتوسط: حوّل تقرير 4 دقائق لاستعلام 30 مللي ثانية
لو dashboard المبيعات بيحسب JOIN على 18 مليون صف كل ما المدير يفتح الصفحة، إنت بتدفع 4 دقائق انتظار + ضغط على الـ DB في كل زيارة. Materialized View بيحفظ نتيجة الاستعلام على القرص، فالـ dashboard بيرد في 30 مللي ثانية بدل 240 ثانية. مقال للمتوسط بمثال محل العصير للمبتدئ، تعريف علمي من توثيق PostgreSQL، كود قابل للنسخ على PostgreSQL 16، REFRESH CONCURRENTLY بدون قفل، أرقام مقاسة من إنتاج، 4 trade-offs حقيقية، ومتى لا تستخدمه أصلاً.
Brotli vs Gzip للمتوسط: وفّر 21% من حجم JavaScript بسطرين NGINX
لو سيرفرك لسه شغّال على Gzip ومقتنع إنه أفضل ضغط ممكن، بتدفع 21% bandwidth زيادة من غير سبب. Brotli على نفس الـ JS bundle بينزّل الحجم من 142KB لـ 112KB بسطرين في NGINX. مقال للمستوى المتوسط بمثال شنطة السفر للمبتدئ، تعريف علمي من RFC 7932، إعداد NGINX 1.25 شغّال، أرقام مقاسة من Cloudflare على 100 ألف موقع، 4 trade-offs حقيقية، ومتى لا تستخدم Brotli أصلاً.
خدمة Markdown to PDF عربية بـ Puppeteer — تقارير RTL في 100 سطر
لو محتاج تصدّر تقارير عربية كـ PDF من Markdown بـ RTL صحيح، خدمة 100 سطر بـ Puppeteer و Hono بتعمل ده في 1.2 ثانية لكل صفحة بدون اشتراك خارجي. مقال للمتوسط بمثال المطبعة للمبتدئ، شرح علمي للـ Headless Chrome rendering، كود TypeScript شغّال، أرقام مقاسة من 200 تقرير يومي على Hetzner CPX21، 4 trade-offs حقيقية، فخ أمني خطير في marked sanitization، ومتى لا تستخدمها أصلاً.
Prompt Caching للمتوسط: نزّل فاتورة Claude 90% لمّا بتبعت نفس الـ System Prompt
لو تطبيقك بيبعت لـ Claude نفس الـ system prompt بـ 8K توكن في كل طلب، إنت بتدفع نفس الفاتورة 50,000 مرة في الشهر على نفس النص. Prompt Caching بيخصم 90% من تكلفة الـ input tokens بسطر واحد. مقال للمتوسط بمثال محل التصوير للمبتدئ، شرح علمي للـ KV cache reuse، كود Python شغّال على anthropic SDK 0.45+، أرقام مقاسة على chatbot عربي بـ 1,200 طلب/يوم (1,432$ → 142$)، 4 trade-offs خفية، ومتى الـ caching بيخسّرك فلوس بدل ما يوفّر.
Web Workers في JavaScript للمتوسط: شغّل خوارزمية ثقيلة بدون ما تجمّد الواجهة 4 ثواني
لو زرار filter على dashboard بتاعك بياخد 4 ثواني والمستخدم خلالها مش قادر يعمل scroll ولا يدوس على حاجة، المشكلة مش في حجم البيانات. المتصفح كله شغّال بـ thread واحد والـ JavaScript بياكله. Web Workers بـ 8 سطور بيشيلوا الحساب لـ thread جنبي والواجهة تفضل live. مقال للمتوسط بمثال المطعم للمبتدئ، تعريف علمي من WHATWG، كود شغّال على Chrome 122، أرقام مقاسة (4.1 ثانية تجمّد → 24ms INP)، 4 trade-offs، ومتى لا تستخدم Web Worker أصلاً.