المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
اعمل QR Code ديناميكي بـ Bun و Hono في 100 سطر — غيّر الوجهة بدون إعادة طبع
لو طبعت 5,000 منيو وبعد أسبوع لينك المنيو اتغيّر، الورق كله بقى زبالة. QR ديناميكي بيخلّيك تغيّر الوجهة من dashboard في 3 ثواني بدون ما تلمس بوستر. درس للمبتدئ بمثال "اسأل أمه" يشرح فكرة الـ HTTP 302 redirect، تعريف علمي من RFC 9110، كود TypeScript شغّال على Bun و Hono و bun:sqlite في 100 سطر، أرقام مقاسة (P50=0.8ms و 38K redirect/ثانية)، trade-offs، ومتى لا تستخدمها.
Big O Notation للمبتدئ: ليه كودك يبطّأ مع كبر البيانات
لو function بتاعتك بتلاقي اسم في 1000 صف في ميلي ثانية وبتقع على 10 مليون، المشكلة مش السيرفر — المشكلة إنك ما حسبتش Big O. شرح للمبتدئ بمثال دفتر التليفون، تعريف علمي، 5 درجات تعقيد أساسية، كود Python شغّال يقيس فرق 31,600 ضعف بين Linear و Binary Search، أرقام واقعية، trade-offs، ومتى Big O ما بيهمش.
Citations في Claude للمبتدئ: ازاي تخلي الموديل يقولك المصدر
لو سألت Claude عن سياسة شركة ورد عليك بكلام معقول لكن ما تعرفش من فين، Citations API بيخلي كل جملة معاها مصدرها الحرفي من ملفك. مقال للمبتدئ بمثال محمد طالب الثانوية، تعريف علمي للـ content blocks، كود Python شغّال على Anthropic SDK 0.40+، أرقام مقاسة من إنتاج (هلوسة من 11% إلى 0.6%)، trade-offs، ومتى لا تستخدمه.
Tokenization للمبتدئ: ليه نفس الكلام بالعربي بيتكلف 3x من الإنجليزي على Claude
لو حسبت فاتورة Claude الشهرية بالعربي ولقيتها 3 أضعاف نفس الـ workload بالإنجليزي، السبب مش زيادة في السعر. السبب مفهوم اسمه Tokenization. مقال للمبتدئ بمثال قطع الليجو، تعريف علمي للـ Byte-Pair Encoding، كود Python شغّال على Anthropic SDK يقيس الفرق، أرقام مقاسة من 500 سؤال إنتاج، 4 خطوات توفير عملية، trade-offs، وحالات لا يستحق الموضوع فيها وقتك أصلاً.
Resource Hints بالعربي: preconnect يوفّر 240ms قبل أول طلب API
لو موقعك بيستدعي API خارجي زي Stripe أو Google Fonts، أول طلب بيدفع ضريبة 240ms في DNS وTLS handshake. preconnect وdns-prefetch بسطرين HTML بيخلّوا المتصفح يدفع الضريبة دي مبكرًا فأول طلب فعلي يطلع تقريبًا فوريًا. مقال للمستوى المبتدئ بمثال جرس الشقة، تعريف علمي دقيق، كود HTML شغّال، أرقام مقاسة على Fast 3G، trade-offs، وحالات لا تستخدمها فيها.
Debouncing vs Throttling في JavaScript: 95% توفير في طلبات API
لو search box في موقعك بيرسل طلب لكل حرف، الزائر بيعمل 24 طلب لكلمة واحدة. Debouncing بـ 8 سطور JavaScript بينزّل ده لطلب واحد. مقال للمبتدئين بمثال جرس الباب، تعريف علمي دقيق، كود vanilla JS شغّال، أرقام مقاسة، الفرق الحقيقي بين debounce وthrottle، trade-offs، وحالات لا تستخدم أي منهما.
Two-Pointer Technique للمبتدئ: حل مسائل Array في O(n) بدل O(n²)
لو عندك Array فيها مليون رقم وبتدوّر على زوج مجموعهم يساوي قيمة محددة، الكود التقليدي بـ nested loops بياخد 47 ثانية. Two-Pointer بيخلّيها 83 مللي ثانية بدون أي مكتبة. شرح للمبتدئ بمثال رف الكتب، تعريف علمي دقيق، كود Python 3.12 شغّال على Array مليون عنصر، أرقام مقاسة بـ timeit، 3 استخدامات حقيقية (Palindrome، Remove Duplicates، Container With Most Water)، trade-offs، وحالات لا تستخدمها فيها.
Debounce vs Throttle في JavaScript للمبتدئ: ليه search box بيقصف السيرفر مع كل حرف
لو search box عندك بيرسل request جديد لكل حرف بيكتبه المستخدم، فا الـ 8 أحرف بتولّد 8 طلبات، والسيرفر بيشتغل بنسبة 80% فاضي. الحل سطر واحد اسمه Debounce. مقال للمبتدئ بمثال المصعد، تعريف علمي لـ Debounce و Throttle، كود JavaScript شغّال على Node 22 ومتصفح Chrome، أرقام مقاسة بـ performance.now، الفرق بين الاتنين بمواقف حقيقية، trade-offs، وحالات لا تستخدمهم فيها.
RAG للمبتدئ: ازاي تخلّي Claude يجاوب من ملفاتك بدل ما يخترع مصادر
لو سألت Claude عن سياسة شركتك الداخلية وجاوبك بكلام معقول الشكل لكنه مخترَع، المشكلة مش الموديل. الموديل ما يعرفش ملفاتك أصلاً. RAG بيحل المشكلة بفكرة بسيطة: قبل ما تسأل، هاتله الإجابة من ملفاتك الأول. مقال للمبتدئ بمثال أمين المكتبة، تعريف علمي دقيق لـ Retrieval/Augmentation/Generation، كود Python شغّال على Anthropic SDK، أرقام Stanford HAI لقياس الهلوسة، trade-offs واضحة، وحالات لا تستخدم RAG فيها أصلاً.