المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Brotli vs Gzip للمحترف: 22% توفير في فاتورة Egress بـ 4 سطور NGINX
لو فاتورة الـ CDN Egress زادت بدون ما المحتوى يتغير، Brotli بـ 4 سطور في NGINX 1.25 بيقلل حجم JS و CSS و HTML بنسبة 17-26% فوق Gzip level 6. مقال للمحترف بشرح علمي للـ static dictionary بتاع Brotli، تجربة مقاسة على bundle.js حجمه 412KB، إعداد كامل قابل للنسخ، أرقام إنتاج من e-commerce بـ 2.4M زائر شهريًا، 4 trade-offs خفية، ومتى Brotli بيكون كارثة بدل ما يفيد.
Virtual Scrolling في React للمتوسط: اعرض 100 ألف صف بدون ما يتجمد المتصفح
لو جدول React بيتجمّد لما البيانات تعدّي 5,000 صف، المشكلة مش في React — هي إنك بترسم 100 ألف DOM node والمتصفح بيموت. Virtual Scrolling بـ 12 سطر ومكتبة react-window 6KB بيرسم 18 صف فقط على الشاشة والباقي وهمي. مقال للمتوسط بمثال السينما للمبتدئ، شرح علمي للـ DOM rendering pipeline، كود JSX شغّال على React 19 و react-window 1.8، أرقام مقاسة على Chrome 131 (Initial render من 4.18 ثانية لـ 38ms، FPS من 4 لـ 60، RAM من 1.2GB لـ 38MB)، 4 trade-offs حقيقية بما فيهم Ctrl+F و a11y، ومتى Virtual Scrolling بيكون كارثة بدل ما يحسّن.
Pattern Matching في Python للمتوسط: استبدل 40 سطر if بـ match
لو كاتب 14 if/elif علشان توزّع JSON event على handler، Python 3.10+ فيها match statement بياخد نفس الشغل في 8 أسطر، بسرعة أقل P95 من 142µs لـ 38µs. مقال للمتوسط بمثال مكتب البريد للمبتدئ، شرح علمي للـ structural pattern matching من PEP 634/636، كود شغّال على Python 3.13 مع dataclasses، أرقام مقاسة من API بـ 12K طلب/دقيقة، 4 trade-offs خفية، ومتى match-case بيكون مضيعة وقت.
Pydantic v2 للمحترف: من 18 ثانية لـ 0.9 ثانية في validate 100K record بفضل Rust core
لو خدمتك بتعمل validate لـ 100K JSON record في 18 ثانية على Pydantic v1، انت بتدفع تكلفة Python loop مالهاش لزمة. Pydantic v2 مكتوبة بـ pydantic-core في Rust وبتنزّل الزمن لـ 0.9 ثانية على نفس البيانات. مقال للمحترف بمثال موظف الجوازات للمبتدئ، تعريف علمي من pydantic-core وPEP 692، كود Python شغّال على Pydantic 2.10، أرقام مقاسة من ingestion pipeline بـ 240M event يومي، 4 trade-offs خفية في الـ migration، ومتى الترقية مش مستاهلة الجهد.
Tokenization للمبتدئ: ليه السطر العربي بيكلفك 3 أضعاف الإنجليزي على Claude
لو فاتورتك على Claude API طلعت أعلى من المتوقع رغم إن استخدامك بسيط، المشكلة غالبًا في الـ Tokenization. مقال للمبتدئ بمثال النادل والمطعم، شرح علمي للـ BPE من ورقة Sennrich 2016، كود Python في 8 سطور لقياس الـ tokens بنفسك، أرقام مقاسة على Claude Sonnet 4.6 (نسبة 2.5x للعربي مقابل الإنجليزي)، 4 trade-offs خفية، ومتى التحسين بيكون مضيعة وقت.
Table Partitioning في PostgreSQL للمتوسط: من 4.2 ثانية لـ 12ms على جدول 80 مليون صف
لو جدول الطلبات في PostgreSQL وصل 80 مليون صف وأي SELECT آخر 30 يوم بياخد 4.2 ثانية، الـ DB مش ضعيفة — هي بتفحص الجدول كله. Declarative Partitioning في PostgreSQL 16 بيقسّم الجدول لـ partitions شهرية بحيث الـ query يضرب 2.6 مليون صف بدل 80 مليون، ويرجع في 12 مللي ثانية. مقال للمتوسط بمثال أرشيف الفواتير للمبتدئ، تعريف علمي من توثيق PostgreSQL 16، كود SQL قابل للنسخ، أرقام مقاسة من إنتاج e-commerce، 4 trade-offs، ومتى Partitioning بيكون كارثة بدل ما يحسّن.
Karpenter للمحترف: نزّل فاتورة EKS 62% ببديل ذكي لـ Cluster Autoscaler
لو فاتورة EKS بتعدّي 4,200$ شهرياً وعندك Cluster Autoscaler شغّال، انت بتدفع ضريبة scheduler بطيء وغير اقتصادي. Karpenter بياخد قرار scale-up في 38 ثانية بدل 4 دقايق، ويختار instance types بسعر spot الأنسب لكل workload تلقائياً. مقال للمحترف بمثال المطعم بالطاولات المتغيرة، تعريف من توثيق Karpenter v1 وAWS re:Invent 2023، NodePool YAML شغّال على EKS 1.30، أرقام مقاسة من 18 شهر إنتاج (الفاتورة 4,280$ → 1,632$، Spot من 12% لـ 68%)، 4 trade-offs خفية، ومتى Karpenter يكون اختيار غلط.
Generators في Python للمبتدئ: عالج ملف 4GB بـ 50MB ذاكرة فقط
لو بتقرأ ملف CSV بـ 8 مليون سجل في list، Python بياكلك 4GB RAM والسيرفر بيقع. كلمة yield واحدة بتنزّل الاستهلاك لـ 50MB بدون ما تخسر سرعة. مقال للمبتدئ بمثال صنبور المياه، تعريف من PEP 255، كود Python 3.12 شغّال، أرقام مقاسة من معالجة 8.4M سجل تحويلات بنكية، 4 trade-offs حقيقية، ومتى Generator بيكون اختيار غلط.
Service Workers للمبتدئ: خلّي موقعك يفتح في 80ms حتى لو الإنترنت قطع
لو موقعك بياخد 3.4 ثانية يفتح على 4G ضعيف، Service Worker بـ 32 سطر JavaScript بيخلّي الزيارة الثانية تفتح في 80 مللي ثانية حتى من غير إنترنت. مقال للمبتدئ بمثال صيدلية الحي للتقريب، تعريف علمي من W3C، كود شغّال على Chrome 130، أرقام مقاسة من موقع e-commerce بـ 24 ألف زائر شهرياً (Lighthouse 47 → 96)، 4 trade-offs حقيقية، ومتى Service Worker بيكون مضيعة وقت.