تكنولوجيا
التصنيف الرئيسي للمقالات التقنية: برمجة، ذكاء اصطناعي، DevOps، تحسين الأداء، أوتوميشن، وأخبار التكنولوجيا.
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 فيها أصلاً.
Lazy Loading للصور: حمّل 12 صورة بدل 200 وقدّم الصفحة في 1.8 ثانية بدل 6.4
لو صفحة منتجاتك بتحمّل 200 صورة في أول زيارة والزائر بيستنى 6 ثواني، إضافة loading="lazy" على تاج الصورة بتنزل الزمن لـ 1.8 ثانية بسطر واحد. مقال للمستوى المبتدئ بمثال مكتبة الكتب، تعريف علمي دقيق، كود HTML وJavaScript شغّال، أرقام مقاسة على شبكة 4G محاكاة، trade-offs واضحة، وحالات لا تستخدمه فيها.
Embeddings للمبتدئ: ازاي الكمبيوتر بيفهم إن "دكتور" قريبة من "مستشفى"
لو سألت Claude أو ChatGPT "اقترحلي مهنة قريبة من الدكتور" وجاوبك "ممرض" أو "صيدلي"، الموديل مش بيفكر زيك. هو بيحوّل كل كلمة لرقم له موقع هندسي. الرقم ده اسمه Embedding. شرح للمبتدئ بمثال خريطة المدينة، تعريف علمي دقيق، كود Python شغّال على sentence-transformers، 3 استخدامات واقعية بأرقام مقاسة من إنتاج، trade-offs واضحة، ومتى ما تحتاجش Embeddings أصلاً.
Sealed Secrets في Kubernetes للمبتدئ: ازاي تحط الباسوردات في Git بأمان
لو فيه ملف secret.yaml في GitHub بتاعك وفيه باسورد قاعدة بيانات بصيغة Base64، أي حد عنده وصول للريبو يفك الباسورد في 5 ثواني. Sealed Secrets بيشفّر الـ secrets بمفتاح بيقعد جوّا الـ cluster بس، فبتقدر تـ commit في Git بأمان. شرح للمبتدئ بمثال صندوق البريد، تعريف علمي لـ RSA-OAEP، خطوات قابلة للنسخ، أرقام مقاسة، trade-offs، وحالات لا تستخدمه فيها.
Temperature في AI: ليه Claude بيغيّر إجابته كل مرة على نفس السؤال؟
لو سألت Claude نفس السؤال مرتين وجابلك إجابتين مختلفتين، السبب مش عطل. السبب باراميتر اسمه temperature بتقدر تتحكم فيه من سطر كود واحد. شرح للمبتدئ بمثال المطعم، تعريف علمي للـ softmax، كود Python شغّال يقارن قيم مختلفة، أرقام مقاسة من إنتاج، trade-offs، وحالات لازم تخليها صفر.
Distroless Images للمبتدئ: نزّل ثغرات صورة Docker من 312 لـ 12 في 5 سطور
صورة Docker لتطبيق Node.js عادية بتطلع 1.1 جيجا وفيها 312 ثغرة معروفة. Distroless بتنزّلها لـ 169MB و 12 ثغرة بتعديل 5 سطور في Dockerfile. مقال للمبتدئ بمثال شحن واضح، تعريف علمي دقيق، multi-stage Dockerfile قابل للنسخ، أرقام Trivy مقاسة، سيناريو شركة بـ 50 microservice، trade-offs، ومتى لا تستخدمها.