المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Yjs و CRDTs للمتوسط: Collaborative Editor زي Google Docs في 80 سطر
دليل تنفيذي للمتوسط لبناء محرّر نصوص جماعي شبيه بـ Google Docs بدون Backend مخصّص، باستخدام Yjs و WebRTC في 80 سطر JavaScript. شرح علمي لـ CRDTs من ورقة Shapiro 2011 و YATA من Petso 2016، كود كامل قابل للنسخ، أرقام مقاسة على 8 مستخدمين متزامنين (P95 = 142ms، 2.4KB/دقيقة)، 4 trade-offs خفية، ومتى Yjs مبالغة هندسية.
اعمل Telegram Bot يلخّص فيديوهات يوتيوب بـ Claude في 110 سطر Python
ابنِ بوت Telegram شخصي بياخد لينك يوتيوب ويرجّع ملخّص منظّم في 14 ثانية بتكلفة 0.018$ للفيديو. مقال للمتوسط بمثال السكرتير للمبتدئ، شرح علمي للـ wav2vec من Baevski 2020، كود Python كامل على python-telegram-bot 21.6 + youtube-transcript-api + Anthropic SDK 0.45، أرقام مقاسة من 412 فيديو إنتاج، 4 trade-offs حقيقية، ومتى لا تستخدم الطريقة دي.
اعمل Webhook Delivery System بـ BullMQ — اضمن وصول 99.94% من الأحداث في 90 سطر Node.js
لو تطبيقك بيبعت 50 ألف webhook شهريًا و4% بيضيع لما الـ subscriber يقع لحظتين، انت بتفقد ثقة العملاء على مشكلة بتتحل في 90 سطر. مقال للمتوسط بمثال ساعي البريد المُصرّ للمبتدئ، تعريف علمي للـ Exponential Backoff من ورقة Karn و Partridge ACM 1991، كود BullMQ 5.x شغّال على Node.js 22 + Redis 7، أرقام مقاسة من 142,000 webhook إنتاج (نسبة الوصول من 96.1% لـ 99.94%)، 4 trade-offs حقيقية، ومتى webhook delivery system يبقى مبالغة هندسية.
اعمل Idempotency Layer لـ Payment API: امنع Double-charge على 50 ألف معاملة بـ Redis في 80 سطر
لو زرار "ادفع" في تطبيقك بيخصم العميل مرتين لما الإنترنت يضرب 3 ثواني، المشكلة مش في 4G — هي إن الـ API ميعرفش يفرّق بين retry حقيقي وعملية جديدة. مقال للمتوسط بمثال زرار الأسانسير للمبتدئ، تعريف علمي من RFC 9110، كود Express + Redis SET NX شغّال على Node.js 20، أرقام إنتاج (4.2% double-charge → 0% في 92 يوم على 178K معاملة)، 4 trade-offs حقيقية، ومتى Idempotency Layer مش الحل أصلاً.
اعمل 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 تفضل أحسن.
خدمة 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، ومتى لا تستخدمها أصلاً.
اعمل Distributed Lock بـ Redis في Node.js للمتوسط: امنع double processing على 5 workers في 50 سطر
لو 5 workers بيقروا من نفس الـ queue وفي يوم بيشتغلوا على نفس الـ job في نفس اللحظة، عميلك بيستلم 3 إيميلات أو يتخصم منه مرتين. distributed lock بـ Redis SET NX PX بيحل ده في 50 سطر Node.js، مع 0 duplicate في 72 ساعة و overhead 0.6ms في P50. مقال للمتوسط بمثال مفتاح غرفة الاجتماعات للمبتدئ، تعريف علمي من توثيق Redis الرسمي، كود ioredis 5.4 شغّال على Node.js 20 مع Lua release script، أرقام مقاسة على 1,200 job/دقيقة، 4 trade-offs حقيقية، وحالات الـ lock فيها مش الحل أصلاً.
اعمل OG Image Generator ديناميكي بـ Satori و Hono — صور سوشيال أوتوماتيكية لكل صفحة
دليل عملي للمستوى المتوسط لبناء خدمة OG Image دينامكية على Cloudflare Workers بـ Satori و Hono و resvg-wasm. تنتج صورة سوشيال فريدة لكل URL في 184ms بأقل من 100 سطر TypeScript، بدون متصفح ولا headless Chrome، وبصفر تكلفة على الـ free tier.
اعمل Real-time Notifications بـ Server-Sent Events — بديل WebSocket أبسط في 60 سطر Node.js
لو محتاج تبعت تحديثات لحظية للمتصفح بدون polling وبدون تعقيد WebSocket، Server-Sent Events بيعمل ده في 60 سطر Node.js. دليل للمستوى المتوسط بمثال راديو الأخبار للمبتدئ، تعريف علمي من HTML Living Standard، كود Express شغّال، أرقام مقاسة على 5,000 client متزامن (P95=38ms، استهلاك 280MB)، 4 trade-offs حقيقية، وحالات لا تستخدمه فيها.