المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
اعمل URL Shortener للمبتدئ على Cloudflare Workers بصفر تكلفة
لو بتدفع $35 شهرياً لـ Bitly عشان links مختصرة، 60 سطر TypeScript على Cloudflare Workers و KV بيعملوا نفس الشغل بصفر تكلفة لحد 100K طلب يومياً. مقال للمبتدئ بمثال مكتب التاكسيات، تعريف علمي من توثيق Cloudflare الرسمي، كود كامل قابل للنسخ، أرقام مقاسة من 90 يوم إنتاج (P95 = 28ms عالمياً)، 4 trade-offs خفية، ومتى Bitly يفضل أنسب.
EXPLAIN ANALYZE للمحترف: اقرأ الـ Plan قبل ما تضيف Index
Index على عمياني مش حل، هو غالباً مصدر بطء جديد. EXPLAIN ANALYZE بيوريك بالظبط ليه الـ query بياخد 2.8 ثانية وإيه الـ operation اللي بياكل الوقت، قبل ما تكتب CREATE INDEX تاني.
Distroless Docker للمبتدئ: قلّل حجم الـ Image 84% وامنع 98% من CVEs
لو الـ Docker image بتاع تطبيقك حجمه أكتر من جيجابايت وفيه عشرات الـ CVEs، انت مش محتاج alpine ولا slim — انت محتاج Distroless. مقال للمبتدئ بمثال صندوق الشحن، تعريف علمي من مشروع Google 2017، Dockerfile قبل وبعد، أرقام مقاسة على Node.js و Python و Go (الحجم من 1.13GB لـ 187MB، CVEs من 167 لـ 3)، 4 trade-offs حقيقية، ومتى Distroless مش الحل أصلاً.
صور AVIF للمبتدئ: نزّل حجم صور موقعك 75% بدون فقد جودة
دليل عملي للمبتدئ لاستبدال JPEG و PNG بـ AVIF على موقعك. مع مثال محل البقالة للتقريب، شرح علمي للـ AV1 codec من Alliance for Open Media، أمر cavif واحد يحوّل 200 صورة في 4 دقائق، أرقام مقاسة على متجر إلكتروني عربي (LCP من 4.2 ثانية لـ 1.1 ثانية، فاتورة CDN -68%)، 4 trade-offs حقيقية، ومتى AVIF بيكون اختيار غلط.
Rust Ownership للمبتدئ: ليه الـ Compiler بيرفض كودك قبل ما يشتغل أصلاً
لو فتحت ملف Rust ولقيت الـ compiler بيرفض كودك بـ 4 أخطاء قبل ما يشتغل، ده مش تعنت — ده نظام Ownership بيحميك من bugs بتكلّف ساعات debugging في C++ وتقطيع خدمة في الإنتاج. مقال للمبتدئ بمثال مفتاح الشقة، تعريف من The Rust Book الفصل الرابع، كود Rust 1.84 شغّال يشرح Move و Clone و Borrowing، أرقام مقاسة من تقرير Microsoft Security 2019 (70% من ثغرات Windows الحرجة) و Mozilla Stylo، 4 trade-offs حقيقية، ومتى Rust بتكون اختيار غلط.
Embeddings للمبتدئ: ليه AI بيلاقيلك إجابة مفيهاش أي كلمة من سؤالك
شرح Embeddings للمبتدئ بمثال خريطة المدن المصرية للتقريب، تعريف علمي من ورقة Word2Vec 2013 و sentence-BERT 2019، كود Python في 14 سطر شغّال على sentence-transformers مع نموذج multilingual-e5، أرقام مقاسة على 482 سؤال FAQ بنكي عربي (Recall@5 من 58% لـ 89%)، 4 trade-offs خفية، ومتى Embeddings مضيعة وقت أصلاً.
Pattern Matching في Python للمتوسط: استبدل 14 if/elif بـ match/case نظيف
لو عندك handler فيه 14 if/elif بيفحص أنواع events من webhook، الكود ده بيكسر مع كل event جديد. match/case في Python 3.10+ بينزّل 87 سطر لـ 32 سطر ويقفل bugs "الحالة المنسية" بـ case _ صريحة. مقال للمتوسط بمثال مكتب الجوازات للمبتدئ، تعريف من PEP 634، كود Python 3.12 شغّال على نظام webhook حقيقي، أرقام مقاسة من 24K event يومي (bugs من 11 لـ 0، review time من 28 دقيقة لـ 9)، 4 trade-offs، ومتى if/elif يبقى أوضح.
GraphRAG للمحترف: لما Vector Search بيفشل في أسئلة العلاقات والتسلسل
Vector RAG التقليدي بيرجّع chunks قريبة دلاليًا، لكنه بيفشل على أسئلة العلاقات والتسلسل الزمني. GraphRAG من Microsoft Research بيرفع Precision@10 من 58% لـ 89% على corpus قانوني عربي بـ 18,400 وثيقة، بكود Python شغّال على Claude Sonnet 4.6 و Haiku 4.5، مع 4 trade-offs خفية، ومتى GraphRAG بيكون مبالغة هندسية.
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 بيكون كارثة بدل ما يحسّن.