المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
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، ومتى لا تستخدمها.
Closures في JavaScript للمبتدئ: ليه الدالة الجوّانية بتفتكر متغيّرات خرجت من النطاق
لو دالة JavaScript بترجع دالة تانية، والدالة دي بتفتكر القيم اللي اتعرّفت في الدالة الخارجية بعد ما خلصت تنفيذها، ده مش غلط في المتصفح ولا سحر. ده مفهوم اسمه Closure. شرح للمبتدئ بمثال درج المكتب، تعريف علمي دقيق لـ Lexical Scope والـ scope chain، كود شغّال على Node 22، 3 استخدامات حقيقية (counter, private variables, function factory)، الفخ الكلاسيكي في الـ loops، أرقام استهلاك ذاكرة فعلية، trade-offs، وحالات لا تستخدمها فيها.
Streaming في Claude API: خلّي الرد يظهر فوراً بدل ما المستخدم يستنى 12 ثانية
لو شات بوت بنيته على Claude بياخد 12 ثانية يرد ومفيش حاجة بتتحرك على الشاشة، 70% من الناس بيقفلوا التاب. Streaming بيخلّي أول توكن يظهر بعد 400 مللي ثانية على نفس الرد. شرح للمبتدئ بمثال الكافيه، تعريف علمي لـ Server-Sent Events، كود Python شغّال على Anthropic SDK، أرقام مقاسة من إنتاج، trade-offs، وحالات لا تستخدمه فيها.
HTTP Cache-Control بالعربي: خلّي المتصفح يحفظ ملفاتك ووفّر 87% من الطلبات
لو موقعك بيحمّل نفس logo.png و main.css في كل صفحة، Cache-Control بسطر واحد بيخلّي المتصفح يحتفظ بهم محلياً ويوفّر 87% من عدد الطلبات بدون لمس الكود. شرح للمبتدئين بمثال المكتبة العامة، تعريف علمي دقيق لـ max-age و immutable و ETag و الـ 304، إعداد NGINX شغّال، أرقام مقاسة على ملف حقيقي، trade-offs، وحالات لا تستخدمه فيها.
Event Loop في JavaScript: ليه Promise بيتنفّذ قبل setTimeout(0)؟
لو فتحت الكونسول وكتبت setTimeout مع Promise، رد Promise بيظهر الأول حتى لو setTimeout بصفر مللي ثانية. ده مش غلط في المتصفح. ده ترتيب متدرج جوّا الـ Event Loop. مقال للمبتدئ بمثال طابور المطار، تعريف علمي دقيق لـ Microtask Queue و Macrotask Queue، كود JavaScript شغّال على Node 22 ومتصفح Chrome، أرقام مقاسة، trade-offs، ومتى ما تشغّلش بالك بالموضوع أصلاً.