المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
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 بيكون مضيعة وقت.
Fine-tuning للمبتدئ: تدرّب نموذجك ولا Prompt Engineering يكفي؟
72% من المطورين اللي بيقولوا "محتاج Fine-tuning" مش محتاجينه فعلاً. مقال للمبتدئ يفرّق بين Prompt Engineering و RAG و Fine-tuning بمثال الموظف الجديد، تعريف علمي من ورقة Brown 2020، أرقام مقاسة على 50,000 تذكرة دعم عربية، كود Python شغّال على Claude Haiku 4.5، 4 trade-offs خفية، ومتى Fine-tuning بيكون مضيعة 8,000$ وأسبوعين شغل.
WeakRef و FinalizationRegistry للمحترف: أمسك memory leaks الخفية في SPA
لو SPA بتاعك بياكل 1.8GB RAM بعد 4 ساعات استخدام، المشكلة مش في React ولا Vue. WeakRef و FinalizationRegistry في ECMAScript 2021 بيحلوا تسرّب الذاكرة الخفي في 4 سطور بدون مكتبة. مقال للمحترف بمثال أمين المكتبة للمبتدئ، تعريف علمي من ECMA-262 وtc39/proposal-weakrefs، كود JavaScript شغّال على Chrome 130 و Node.js 22، أرقام مقاسة من dashboard إنتاج بـ 18 widget و240K visit شهرياً (heap من 47MB لـ 2.1MB، tab crashes من 312 لـ 4)، 4 trade-offs خفية، ومتى الطريقة دي مبالغة هندسية.