المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
خطوط الويب: امنع CLS بقيمة 0.24 وحمّل الخط في 80ms بدل 480ms
لو الصفحة بتقفز وتعيد ترتيب نفسها لما الخط العربي يخلّص تحميل، CLS بيوصل 0.24 وLCP بيتأخر نصف ثانية. ضبط font-display مع subsetting وpreload يحل المشكلة بدون لمس التصميم — مع أرقام مقاسة وtrade-offs واضحة.
Temperature في الـ AI: ليه نفس السؤال بيجيب إجابة مختلفة كل مرة
لو سألت Claude أو GPT نفس السؤال 3 مرات وكل مرة جالك رد مختلف، السبب مش مزاج النموذج. السبب رقم اسمه temperature بتتحكم فيه أنت. مقال للمبتدئين بمثال بسيط، تعريف علمي، كود Python شغّال على Anthropic SDK، أرقام مقاسة، trade-offs، وحالات ما تستخدمهوش فيها.
اعمل Chrome Extension يلخّص أي صفحة ويب بـ Claude في 45 سطر
لو بتفتح 30 تاب يوميًا وبتقرا نص كل واحد قبل ما تعرف هو يهمك ولا لأ، الإضافة دي بتلخّص لك الصفحة في 4 ثواني. شرح للمستوى المتوسط بمثال حقيقي، Manifest V3، كود JavaScript قابل للنسخ، تكلفة فعلية لكل ملخّص، trade-offs، وحالات ما تستخدمهاش فيها.
N+1 Query Problem: ليه ORM بياخد 1001 طلب SQL بدل اتنين
لو endpoint بيرجع قائمة 1000 طلبية بياخد 8 ثواني والـ DB CPU مرتفع، المشكلة غالبًا مش في الـ index ولا السيرفر. المشكلة إن الـ ORM بيعمل 1001 طلب SQL بدل اتنين. مقال للمستوى المتوسط بمثال للمبتدئ، تعريف علمي، كود Python/SQLAlchemy وDjango شغّال، أرقام قياس فعلية، حلول joinedload وselectinload وDataLoader، trade-offs، وحالات ما تستخدمهوش فيها.
Brotli vs gzip: وفّر 21% من حجم JavaScript قبل ما يوصل المتصفح
لو bundle الـ JavaScript بتاعك بيوصل للزائر 348KB مضغوط بـ gzip، Brotli بيوصّله لـ 251KB بنفس الكود وبدون لمس الـ build. شرح للمستوى المتوسط مع أرقام مقاسة على ملف حقيقي، إعداد NGINX، ضبط Cloudflare، trade-offs واضحة، وحالات لا تستخدم Brotli فيها.
RAG للمبتدئين: خلّي AI يقرأ ملفاتك ويجاوب منها بدون تدريب
لو عايز ChatGPT يجاوبك من PDFs شركتك بدون ما تدرّب موديل من الصفر، RAG هو الحل. مقال للمبتدئ بمثال بسيط، تعريف علمي، كود Python شغّال على Anthropic SDK، أرقام تكلفة فعلية، trade-offs، وحالات ما تستخدمهوش فيها.
Structured Output في AI: خلّي الموديل يرجعلك JSON صحيح من أول مرة
لو تطبيق AI عندك بيرجع JSON أحيانًا مكسور وبتضطر تعمل retry، Structured Output بيرفع نسبة نجاح parsing من 85% لـ 100% بدون تعديل الموديل. مقال للمستوى المتوسط بمثال بسيط، تعريف علمي، كود Python شغّال على Anthropic SDK مع Pydantic، أرقام مقاسة من production، trade-offs، وحالات ما تستخدمهوش فيها.
MCP Servers بالعربي: اربط Claude بأدواتك من غير ما تبني API لكل أداة
لو بتربط Claude أو أي LLM بأكتر من أداة (DB، Slack، Notion، CRM)، الطريقة التقليدية بـ function calling مخصص لكل client بتفشل في صيانتها. MCP بيحل ده ببروتوكول موحد. مقال للمستوى المتوسط بمثال للمبتدئ، تعريف علمي، كود Python شغّال على mcp SDK، أرقام، trade-offs، وحالات ما تستخدمهوش فيها.
Stack vs Heap بالعربي: ليه متغير بياخد نانوثانية والثاني ميكروثانية
لو دالة بتعمل allocate لـ struct صغيرة في 0.4 نانوثانية ودالة تانية بتعمل نفس الـ struct في 24 نانوثانية، الفرق مش CPU. الفرق إن وحدة بتقعد على Stack والثانية بتروح Heap. مقال للمستوى المتوسط بمثال المطعم، تعريف علمي دقيق، كود Go شغّال، أرقام قياس فعلية، escape analysis، وtrade-offs واضحة.
Generators في Python: yield بيخلي كودك يقرأ 10 مليون صف بـ 30MB
لو سكربت Python بتاعك بيقع OOM لما بتقرا ملف logs بـ 8GB أو CSV بـ 10 مليون صف، المشكلة مش حجم البيانات. المشكلة إنك بتحمّلها كلها في الذاكرة. yield بيوفر 95% من الذاكرة بتعديل سطرين. شرح للمستوى المتوسط بمثال بائع الكنافة، تعريف علمي دقيق لـ lazy evaluation، كود Python شغّال، أرقام tracemalloc قبل وبعد، pipeline من generators، trade-offs، وحالات ما تستخدمهوش فيها.