المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
CRDT للمحترف: ازاي Yjs بيدمج تعديلات 50 مستخدم متزامن في Google Docs بدون تضارب
لو محتاج تبني محرّر مستندات تعاوني زي Google Docs أو Figma، الـ Operational Transformation اللي بتشتغل في Google Docs محتاجة سيرفر مركزي يرتّب كل تعديل. CRDTs بـ Yjs بتدمج تعديلات 50 مستخدم محليًا بدون سيرفر مركزي، بـ convergence رياضية مضمونة وحجم state أصغر 8x من نسخة OT المماثلة. مقال للمحترف بمثال مفكرة الفريق للمبتدئ، تعريف علمي من ورقة Shapiro 2011 و Yjs CRDT spec، كود JavaScript شغّال على Yjs 13.6 مع y-websocket في 40 سطر، أرقام مقاسة من Linear وFigma وJupyterLab، 4 trade-offs حقيقية، وحالات OT لسه أفضل من CRDT.
Prompt Caching في Claude API: نزّل تكلفة Production 89% في 3 أسطر
كل request لـ Claude بـ 50K token system prompt بيكلّفك $0.15. مع Prompt Caching الرقم بينزل لـ 1.5 سنت بعد أول request — توفير 89% على فاتورة الإنتاج. مقال للمتوسط بمثال أمين المكتبة للمبتدئ، تعريف علمي لـ KV-cache في الـ transformer من ورقة Pope et al. 2022، كود Python شغّال على anthropic SDK 0.45+، أرقام محسوبة على chatbot عقارات بـ 100 request/ساعة، 4 trade-offs خفية، ومتى الـ caching بيخسّرك فلوس بدل ما يوفّر.
Hoisting في JavaScript للمبتدئ: ليه var شغّال قبل تعريفه و let بيرمي خطأ
لو console.log(x) قبل var x = 5 بيرجّع undefined بدون خطأ، ولو غيّرت var لـ let الكود بيقع بـ ReferenceError. الفرق ده اسمه Hoisting. مقال للمبتدئ بمثال حقيبة السفر، تعريف علمي من ECMA-262، كود JavaScript شغّال على Node 22 يوضّح الفرق بين var و let و const و Function Declaration vs Expression، أرقام من فريق حقيقي قلّل bugs الـ scope 41%، 4 trade-offs، ومتى لا تركّز على Hoisting أصلاً.
Event Loop في Node.js للمتوسط: ليه setTimeout(0) أبطأ من Promise.resolve() بـ 4ms
لو فاكر إن setTimeout(0) معناه "نفّذ دلوقتي"، فأنت بتحجز للكود تذكرة في طابور تاني خالص. شرح للمتوسط للـ Event Loop في Node.js 22 بمثال طابور المطار للمبتدئ، تعريف علمي من توثيق libuv، كود قابل للنسخ يقيس الفرق بين setTimeout و setImmediate و queueMicrotask، أرقام مقاسة (4.1ms vs 0.04ms)، 4 trade-offs، ومتى لا تستعمل setImmediate أصلاً.
Prompt Caching في Claude API للمتوسط: نزّل تكلفة الـ system prompt 90% بسطر واحد
لو تطبيقك بيبعت نفس الـ 8000 token system prompt مع كل طلب لـ Claude، إنت بتدفع 24 ضعف اللي محتاج تدفعه. مقال للمتوسط بمثال طلبة الكلية للمبتدئ، شرح علمي للـ ephemeral cache من توثيق Anthropic، كود Python شغّال على anthropic SDK 0.45+، أرقام مقاسة على 5K طلب يومي (التوفير 83% شهرياً)، 4 trade-offs، ومتى الـ caching بيكلّفك أكتر مما يوفّر.
Prompt Caching للمتوسط: نزّل تكلفة Claude API 90% على system prompt طويل
لو شغّال على chatbot عربي بـ system prompt طوله 18 ألف توكن وبتدفع $1,200 شهريًا فاتورة Claude، سطر cache_control واحد بينزّل الفاتورة لـ $145 من غير ما يلمس جودة الرد. مقال للمتوسط بمثال نادل القهوة للمبتدئ، شرح علمي للـ KV cache من توثيق Anthropic، كود Python شغّال على anthropic SDK 0.45+، أرقام محسوبة من Anthropic Pricing مايو 2026، 5 trade-offs، ومتى Prompt Caching بيكلّفك أكتر ما بيوفّر.
Floating Point للمبتدئ: ليه 0.1 + 0.2 مش بيساوي 0.3 في كل لغات البرمجة
لو كتبت 0.1 + 0.2 في JavaScript أو Python أو Java وطلعلك 0.30000000000000004، ده مش bug في اللغة. ده سلوك معتمد في معيار IEEE 754 من 1985 وموجود في كل المعالجات. مقال للمبتدئ بمثال قسمة الكيكة، شرح علمي للـ binary representation، ثلاث طرق عملية للتعامل (Decimal، tolerance، integer cents)، حالة إنتاج خسرت 120 جنيه شهرياً، 4 trade-offs حقيقية، ومتى تتجاهل الموضوع أصلاً.
Brotli Compression للمتوسط: نزّل حجم JavaScript bundle 24% بسطر NGINX
لو NGINX بتاعك لسه شغّال gzip بس، JavaScript bundle بحجم 1.1MB بيتحوّل لزائر مصري على 4G في 1.42 ثانية. Brotli بسطر تكوين بيخلّيه ينزل في 1.08 ثانية ويوفّر 110GB bandwidth شهريًا. مقال للمتوسط بمثال شنط السفر للمبتدئ، تعريف علمي من RFC 7932، إعداد NGINX 1.25 شغّال مع ngx_brotli، أرقام مقاسة على bundle React 2.8MB من زوار الخليج، 4 trade-offs حقيقية، ومتى Gzip لسه أنسب.
Recursion للمبتدئ: ازاي دالة تنادي نفسها بدون ما تعلق في لوب لا نهائي
لو شفت كود فيه دالة جوّاها بتنادي نفس الدالة، أول إحساس بييجيلك إن ده هيدخل في لوب أبدي. لكن دي تقنية اسمها Recursion، وبتحلّ مشاكل زي ترافيرس الشجرة وقراءة فولدرات متداخلة والتعامل مع JSON معقّد في 8 سطور بدل 50. مقال للمبتدئ بمثال دمى ماتريوشكا، تعريف علمي للـ call stack من توثيق ECMAScript و Python، كود JavaScript و Python شغّال، أرقام مقاسة من V8 (حد الـ stack 10,416 frame)، 4 trade-offs حقيقية، ومتى تستخدم لوب عادي بدلاً منها.
Service Worker للمبتدئ: خلّي موقعك يفتح بدون إنترنت في 40 سطر
لو الزائر فقد الإنترنت لحظة وشاف dinosaur Chrome، انت بتخسره فوراً. Service Worker بـ 40 سطر JavaScript بيخلّي موقعك يفتح بدون شبكة ويحمّل الزيارة الثانية في 180ms بدل 1.6 ثانية. مقال للمبتدئ بمثال محل البقالة، تعريف علمي من W3C، كود شغّال على Chrome 120+، أرقام مقاسة، 4 trade-offs حقيقية، ومتى لا تستخدمه أصلاً.