المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Service Worker للمبتدئ: خلّي موقعك يفتح بدون إنترنت في 40 سطر
لو الزائر فقد الإنترنت لحظة وشاف dinosaur Chrome، انت بتخسره فوراً. Service Worker بـ 40 سطر JavaScript بيخلّي موقعك يفتح بدون شبكة ويحمّل الزيارة الثانية في 180ms بدل 1.6 ثانية. مقال للمبتدئ بمثال محل البقالة، تعريف علمي من W3C، كود شغّال على Chrome 120+، أرقام مقاسة، 4 trade-offs حقيقية، ومتى لا تستخدمه أصلاً.
MCP للمبتدئ: ازاي Claude يتكلم مع أدواتك بدون ما تكتب API integration
Model Context Protocol بروتوكول مفتوح من Anthropic بيخلّي Claude يدخل على Gmail و Postgres و GitHub بدون كود تكامل لكل أداة. مقال للمبتدئ بمثال USB-C، شرح علمي لمعمارية Host و Client و Server المبنية على JSON-RPC 2.0، سكربت Python شغّال لبناء MCP server في 30 سطر مع حماية path traversal، أرقام مقاسة على 6 أدوات حقيقية في إنتاج، 4 trade-offs، ومتى MCP مش الحل أصلاً.
Chain-of-Thought للمبتدئ: خلّي Claude يفكّر قبل ما يرد
لو Claude بيرد على مسائل فيها خطوتين أو أكتر بإجابة سريعة وغلط، السبب مش إنه ضعيف — إنت مش طالب منه يفكّر. مقال للمبتدئ بمثال التفاحات للأطفال، تعريف علمي لـ Chain-of-Thought من ورقة Wei et al. 2022، كود Python شغّال على Anthropic SDK يقارن بين رد عادي ورد مع CoT، أرقام من benchmark GSM8K (الدقة من 17.9% لـ 56.9%)، 3 trade-offs حقيقية في التكلفة والـ latency، ومتى استخدامها بيهدر فلوسك بدون فايدة.
Streaming في Claude API للمبتدئ: خلّي المستخدم يشوف أول كلمة في 0.8 ثانية بدل 8 ثواني
لو تطبيقك بيستخدم Claude ورد الـ LLM 800 token، الزائر بيبص في شاشة فاضية 7-9 ثواني قبل ما يشوف حرف. Streaming بـ Server-Sent Events بينزّل أول token لـ 0.8 ثانية ويعرض الباقي حرف ورا حرف زي ChatGPT. مقال للمبتدئ بمثال جرسون البيتزا، تعريف علمي للـ SSE من WHATWG، كود Python و FastAPI و JavaScript شغّال على anthropic SDK 0.45+، أرقام مقاسة (نسبة المغادرة من 38% لـ 6%)، 4 trade-offs، ومتى لا تستخدم Streaming أصلاً.
Closures في JavaScript للمبتدئ: ازاي دالة بتفتكر متغيرات بعد ما الـ scope خلص
لو شفت كود فيه دالة بترجّع دالة تانية ولسه فاكرة متغيرات الأولى، اللي بتشوفه ده اسمه Closure. شرح للمبتدئ بمثال خزنة البنك، تعريف علمي من ECMAScript spec، كود JavaScript شغّال يبني عدّاد آمن بـ private state في 12 سطر، الفخ الكلاسيكي var داخل for loop، أرقام مقاسة من Chrome DevTools، 4 trade-offs حقيقية، ومتى لا تستخدم Closure أصلاً.
eBPF للمبتدئ: شوف كل syscall على السيرفر بدون تعديل سطر كود
eBPF بيخلّيك تشوف كل system call ومتابعة الـ packets جوّا الـ Linux kernel بـ overhead أقل من 2%، بدون ما تنزّل agent ولا تعدّل كودك. مقال للمبتدئ بمثال كاميرا المطعم، تعريف علمي للـ eBPF VM والـ verifier من توثيق kernel.org و ebpf.io، أمر bpftrace شغّال على Ubuntu 22.04+ بيرصد كل openat() syscall لحظة بلحظة، أرقام إنتاج من Netflix وCilium، 4 trade-offs حقيقية، وحالات eBPF مش الحل الصح فيها.
Pre-commit Hooks بـ Husky و lint-staged للمبتدئ: امنع 90% من bugs قبل ما تعمل push
لو فريقك بيكتشف أخطاء lint و prettier بعد ما الكود يوصل GitHub، CI بيفشل بعد 4 دقايق وبتعيد الـ commit من الأول. Pre-commit Hook بـ Husky 9 و lint-staged 15 بيشغّل الفحوصات قبل ما الـ commit يخلص أصلاً، ويرفض الكود الناقص في 1.8 ثانية على ملفاتك المعدّلة فقط. شرح للمبتدئ بمثال بوّاب البناية، تعريف علمي للـ Git Hooks من توثيق Git الرسمي، خطوات تركيب قابلة للنسخ على Node.js 20+، أرقام مقاسة من فريق 7 مطورين (CI failure rate من 31% لـ 4%)، 4 trade-offs، ومتى لا تستخدمها أصلاً.
Diffusion Models للمبتدئ: ازاي Stable Diffusion بيرسم من نص — وليه استبدل GAN
Stable Diffusion ومنافسيه مش بيرسموا — بيشيلوا نويز. شرح للمبتدئ بمثال النحات، تعريف علمي للـ forward/reverse diffusion من ورقة Ho et al. 2020، كود Python شغّال على diffusers في 28 سطر، أرقام مقاسة على RTX 4090، 4 trade-offs مقابل GAN، ومتى Diffusion مش الحل أصلاً.
GitOps مع ArgoCD للمبتدئ: انشر تطبيقك بـ git push بدل kubectl apply
لو فريقك بيشغّل kubectl apply 30 مرة في اليوم وفي يوم جالك OOM ومحدش عارف مين عمل آخر تعديل، إنت محتاج GitOps. ArgoCD بيخلّي الـ cluster مطابق للـ git repo أوتوماتيكياً. مقال للمبتدئ بمثال أمين المكتبة، تعريف علمي للمبادئ الأربعة من OpenGitOps، 5 خطوات تركيب قابلة للنسخ، أرقام مقاسة من فريق 9 مهندسين (rollback من 12 دقيقة لـ 8 ثواني، صفر drift)، 4 trade-offs حقيقية، ومتى ما تستخدمش ArgoCD أصلاً.
Debounce و Throttle للمبتدئ: ليه search box بيرسل 87 طلب من كلمة واحدة
لو search box بتاعك بيرسل طلب لكل حرف بيكتبه المستخدم، تطبيقك بيدفع 9x من الـ bandwidth والـ DB بتسخن من غير سبب. Debounce و Throttle بـ 6 سطور JavaScript بيخفّضوا الطلبات 92%. مقال للمبتدئ بمثال حارس البنك، تعريف علمي دقيق، كود قابل للنسخ، أرقام مقاسة من إنتاج (4.1M طلب يومي → 66K، توفير $298 شهرياً)، 4 trade-offs حقيقية، ومتى لا تستخدم أي منهم.