المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Closures في JavaScript للمبتدئ: السر اللي بيخلّي useState و setTimeout يفتكروا قيمتهم
لو فهمت Closure غلط، useState في React هيكسر معاك ومش هتعرف ليه. مقال للمبتدئ بمثال خزانة الجيم، تعريف علمي من ECMA-262، كود JavaScript شغّال يبني عدّاد آمن في 8 سطور، شرح ليه الـ for loop القديم بيطبع 5 خمس مرات، 3 trade-offs حقيقية، ومتى Closure بيكون مصدر memory leak صامت.
content-visibility: auto للمبتدئ — خاصية CSS واحدة تنزّل زمن الرسم من 1.2 ثانية لـ 90ms
سطرين CSS بدون JavaScript وبدون مكتبة بيخلوا صفحة فيها 600 كارت ترسم في 90ms بدل 1,180ms. شرح content-visibility: auto للمبتدئ مع مثال الفندق، تعريف علمي من web.dev و W3C، أرقام مقاسة على Chrome 131، 4 trade-offs خفية، ومتى الخاصية بتكون كارثة بدل ما تحسّن.
Prompt Injection للمبتدئ: ليه شات بوتك ممكن يحوّل 250 ألف دولار بسؤال واحد
Prompt Injection هي الثغرة رقم 1 في OWASP للذكاء الاصطناعي في 2026. مقال للمبتدئ بمثال السكرتير اللي بينخدع، أرقام حقيقية (73% من النشر الإنتاجي مصاب)، حالة تحويلات بنكية احتيالية بـ 250 ألف دولار، 4 طبقات دفاع تخفّض النجاح من 73.2% لـ 8.7%، وكود Python شغّال على Claude Sonnet 4.6.
Prompt Caching للمبتدئ: وفّر 90% من فاتورة Claude API بسطر واحد
لو نفس الـ system prompt بيتبعت مع كل استدعاء لـ Claude، انت بتدفع تمنه من الأول كل مرة. Prompt Caching بيخفّض تكلفة الجزء المتكرّر بنسبة 90% بسطر واحد، مع شرح للمبتدئ بمثال أمين المخزن، تعريف علمي من توثيق Anthropic الرسمي، كود Python في 14 سطر، أرقام حقيقية على Claude Sonnet 4.6، 4 trade-offs خفية، ومتى الـ caching بيكون مضيعة وقت.
PgBouncer للمبتدئ: ليه PostgreSQL بيقع عند 200 connection والحل في 3 أسطر إعداد
لو سيرفر PostgreSQL بياكل 1.8 جيجا رام وبيرجّع too many clients عند 200 مستخدم، المشكلة مش في حجم السيرفر، المشكلة في غياب طبقة pooling. مقال للمبتدئ بمثال الأسانسير المشترك، شرح علمي لـ Connection Pool، إعداد PgBouncer كامل في 10 سطور، أرقام مقاسة من إنتاج (الذاكرة من 1.4GB لـ 280MB، 0 أخطاء في 90 يوم)، 4 trade-offs خفية، ومتى PgBouncer مش الحل أصلًا.
Big O Notation للمبتدئ: ليه نفس الكود بياخد ثانيتين أو 4 ساعات
لو function بتاعتك بتاخد ثانيتين على 1000 سجل وبتاخد 4 ساعات على مليون، المشكلة مش في الـ CPU. مقال للمبتدئ بمثال دفتر التليفونات، تعريف علمي من Donald Knuth (TAOCP 1968) و CLRS الفصل 3، كود JavaScript شغّال على Node.js 22 يقارن O(n²) ضد O(n) على مليون عنصر (4.8 ثانية مقابل 38 مللي ثانية، تحسّن 126×)، شرح للأنواع الستة الشائعة، 4 trade-offs حقيقية، ومتى Big O بتخدعك أو ميستاهلش تهتم بيها.
useEffect في React للمبتدئ: امنع Race Conditions في 6 سطور
لو useEffect في React بيتنفّذ مرتين كل ما تحفظ الملف، ده StrictMode عمد. مقال للمبتدئ بمثال الجرسون اللي اتلخبط، تعريف علمي من توثيق React الرسمي، كود JavaScript شغّال في 6 سطور بـ AbortController يمنع Race Conditions، أرقام مقاسة من صفحة Profile بـ 14,200 مستخدم نشط (38 شكوى/أسبوع → 0)، 4 trade-offs خفية، ومتى الطريقة دي مفيش لها لزمة أصلاً.
Big O Notation للمبتدئ: ليه كودك يشتغل في 0.1 ثانية على 100 عنصر و10 ثواني على 10K
لو دالة بحث بتاخد جزء من الثانية على 100 عنصر وفجأة بتاخد 10 ثواني على 10 آلاف، المشكلة مش في السيرفر — هي في شكل النمو. مقال للمبتدئ بمثال دفتر التليفونات، تعريف علمي من Cormen، كود JavaScript شغّال على Node.js 22 يوضح فرق 600 ضعف بين O(n²) وO(n)، 4 trade-offs، ومتى Big O مش مهمة أصلاً.
AI Hallucinations للمبتدئ: ليه Claude بيخترع مراجع وحقائق وهو واثق فيها
في 2023 محامي أمريكي رفع مذكرة قانونية فيها 6 قضايا اخترعها ChatGPT بالكامل والقاضي غرّمه 5,000$. مقال للمبتدئ بمثال الموظف اللي بيخاف يقول "مش عارف"، تعريف علمي للـ Hallucinations من ورقة Ji et al. 2023، كود Python لقياس معدل الهلوسة على Claude Sonnet 4.6، 4 استراتيجيات عملية للتخفيف، أرقام مقاسة على 240 سؤال عربي، 4 trade-offs خفية، ومتى الهلوسة مش مشكلة أصلاً.
اعمل URL Shortener للمبتدئ على Cloudflare Workers بصفر تكلفة
لو بتدفع $35 شهرياً لـ Bitly عشان links مختصرة، 60 سطر TypeScript على Cloudflare Workers و KV بيعملوا نفس الشغل بصفر تكلفة لحد 100K طلب يومياً. مقال للمبتدئ بمثال مكتب التاكسيات، تعريف علمي من توثيق Cloudflare الرسمي، كود كامل قابل للنسخ، أرقام مقاسة من 90 يوم إنتاج (P95 = 28ms عالمياً)، 4 trade-offs خفية، ومتى Bitly يفضل أنسب.