المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
Event Loop في JavaScript للمتوسط: ليه await Promise.resolve() بيسبق setTimeout(0)
لو سألك حد في interview ليه await Promise.resolve() بينفّذ قبل setTimeout(0) رغم إن الاتنين بيأجّلوا التنفيذ، الإجابة مش في JavaScript نفسه، الإجابة في إن فيه طابورين منفصلين داخل Event Loop. مقال للمتوسط بمثال موظف المكتب للمبتدئ، شرح علمي من WHATWG HTML Spec قسم 8.1.7، 4 قواعد تحسم الترتيب بكود JS شغّال على V8 و Node 22، أرقام قياس فعلية (queueMicrotask 0.018ms vs setTimeout(0) 1.4ms، فرق 60×)، تحذير من Microtask Starvation اللي بيجمّد الـ UI، 4 trade-offs خفية، ومتى مش لازم تشغّل بالك بالموضوع أصلاً.
Event Loop في JavaScript للمحترف: ليه setTimeout(0) بيتأخر و Promise بتسبقه
كتبت setTimeout(fn, 0) ولقيت Promise.resolve().then() بتنفذ قبله؟ ده مش bug، ده Microtask Queue شغّال صح. مقال للمحترف بمثال طابور الكاشير للمبتدئ، تعريف من HTML Living Standard قسم 8.1.7، كود JavaScript شغّال على V8، أرقام مقاسة (Microtask 0.3ms vs setTimeout 4ms minimum)، 4 trade-offs خفية، ومتى الاعتماد على ترتيب الـ Event Loop يبقى اختيار غلط.
Embeddings للمبتدئ: بحث سيمانتيكي لـ 5,000 منتج عربي في 23 سطر
لو زبون بيبحث عن "موبايل" والمنتج عندك مسجّل "هاتف ذكي"، الـ SQL LIKE مش هيرجع حاجة. Embeddings بتحوّل النصوص لأرقام بتفهم المعنى، فترفع precision@5 من 23% لـ 91% على catalog عربي. مقال للمبتدئ بمثال مكتبة مرتّبة بالموضوع، شرح علمي من ورقة Sentence-BERT (Reimers 2019)، كود Python في 23 سطر شغّال على openai SDK 1.50+ مع text-embedding-3-small، أرقام مقاسة على 5,000 منتج إلكترونيات + 1,400 query حقيقي، 4 trade-offs خفية، ومتى Embeddings مبالغة هندسية.
103 Early Hints للمحترف: ابعت preload للمتصفح قبل الـ HTML بـ 320ms
لو موقعك العربي بياخد 2.4 ثانية قبل LCP رغم HTTP/2 و preload جوّا الـ head، انت بتفقد round-trip كامل لمّا المتصفح يستنّى الـ HTML الأول قبل ما يبدأ يحمّل CSS و fonts. 103 Early Hints بيرسل preload hints قبل ما الـ origin يجاوب بـ 200 OK، وبيخفّض LCP من 2.4 ثانية لـ 0.9 ثانية على workload e-commerce حقيقي. مقال للمحترف بمثال موظف الاستقبال للمبتدئ، شرح علمي من RFC 8297، إعداد NGINX 1.25 + Node.js شغّال، أرقام مقاسة من 38K زيارة/يوم، 4 trade-offs خفية، ومتى Early Hints بيكون مضيعة وقت.
Tool Use في Claude للمتوسط: ربط النموذج بـ 6 أدوات بدون hallucinated function calls
لو ربطت Claude بـ 6 functions في chatbot شركتك ولقيت إنه بيخترع أسماء functions مش موجودة (مثل get_user_info بدل fetch_user_profile)، المشكلة مش في النموذج. المشكلة في descriptions الأدوات. مقال للمتوسط بمثال موظف الاستقبال للمبتدئ، شرح علمي من ورقة Toolformer (Schick 2023)، كود Python في 32 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة على 2,400 request في chatbot fintech عربي (نسبة الـ hallucination من 14.2% لـ 0.7%)، 4 trade-offs خفية في التكلفة والـ latency والـ maintenance، ومتى Tool Use بيكون قرار غلط.
B-tree Indexes في PostgreSQL للمبتدئ: من 4.2 ثانية لـ 5 مللي ثانية بسطر واحد
لو SELECT بسيط على جدول مليونين صف بياخد 4 ثوانٍ، الـ DB مش بطيئة — انت بتقرا كل صف من الأول. CREATE INDEX في سطر واحد بينزّل الـ query لـ 5ms. مقال للمبتدئ بمثال دليل التليفونات، شرح علمي للـ B-tree من توثيق PostgreSQL 16، EXPLAIN ANALYZE قبل وبعد، 4 trade-offs خفية في الـ INSERT والمساحة، ومتى الـ Index بيكون مضيعة وقت أصلاً.
Tool Use في Claude للمبتدئ: خلّي النموذج يشغّل دوال بنفسه في 30 سطر
لو شات بوت شركتك بيرد بـ "مش معايا بيانات حديثة"، انت مش محتاج تغيّر النموذج. Tool Use بيخلّي Claude يستدعي API بنفسه ويرجّع الرقم اللحظي. مقال للمبتدئ بمثال نادل المطعم، شرح من Anthropic Docs، كود Python في 30 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة على 200 سؤال (دقة 96.5%، latency 1,840ms، تكلفة $0.0042)، 4 trade-offs خفية، ومتى Tool Use بيكون قرار غلط.
اعمل OG Image دايناميكي بـ Satori على Cloudflare Workers في 80 سطر
المصمم بيقعد 12 ساعة أسبوعياً يصمم صور Open Graph يدوياً. Satori على Cloudflare Workers بيخلّيها تتولّد لحظياً من URL parameters بـ 80 سطر TypeScript، 47 مللي ثانية cold start، وبصفر تكلفة تحت 100K طلب يومياً. دليل تنفيذي للمتوسط بمثال المطبعة للمبتدئ، شرح علمي لـ Yoga layout و resvg-wasm، كود كامل قابل للنسخ على wrangler 3.x، أرقام مقاسة من 90 يوم إنتاج على blog عربي بـ 38K زيارة شهرياً، 4 trade-offs خفية في CSS subset والـ fonts والـ cache invalidation، ومتى Puppeteer لسه الاختيار الأنسب.
Recursion للمبتدئ: لما الدالة بتنادي نفسها بدون ما تدخل في حلقة مفرغة
لو الكود مات فجأة بـ "Maximum call stack size exceeded"، يبقى نسيت condition التوقف في Recursion. شرح للمبتدئ بمثال البصلة، تعريف علمي من CLRS، كود Python 3.12 و JavaScript Node 20 شغّال، قياس فعلي على شجرة بعمق 10,000 (Stack Overflow vs 4 مللي ثانية بـ loop)، 4 trade-offs خفية، ومتى Recursion بيكون اختيار غلط.
Function Calling في Claude للمتوسط: من 64% إلى 97% دقة في استدعاء APIs شركتك
لو chatbot شركتك بيرد بـ JSON فيه field اسمه customer_name بدل customerName اللي API بتاعك بيستقبله، انت بتدفع تكلفة 5% من الـ requests بتفشل في صمت. Function Calling في Claude Sonnet 4.6 بيرفع دقة الـ JSON structure من 64.3% لـ 97.1% على 1,200 طلب فعلي من workload فينتك عربي. مقال للمتوسط بمثال المحاسب اللي بيملا نموذج، شرح علمي من Anthropic Tool Use Docs و ورقة Toolformer (Schick 2023)، كود Python في 45 سطر شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة (latency overhead +120ms، tokens overhead +14%)، 4 trade-offs خفية بتظهر في الإنتاج، ومتى Tool Use بيكون overkill.