عند فشل API: هل أبدأ من Status أم Headers أم Body أم Timing؟
سؤال عملي من مجتمع إيجي تاج لجمع إجابة قابلة للاختبار ومفيدة للمستخدمين.
#
البرمجة وتطوير الويب
كل ما يرتبط بوسم البرمجة وتطوير الويب على إيجي تاج: مقالات ومجموعات ونقاشات وأدوات معرفة مترابطة.
17نتيجة مرتبطة بهذا الوسم
نقاشات المجتمع
2عند فشل API: ابدأ من Status أم Headers أم Body أم Timing؟
ابدأ بالـStatus لفهم الفئة العامة للخطأ، ثم راجع Headers المهمة، وبعدها Body لمعرفة رسالة الخادم. استخدم Timing لتمييز مشاكل الاتصال من مشاكل التطبيق. لا تنشر API keys أو Bearer tokens أو Cookies عند مشاركة نتيجة الطلب مع المجتمع.
المقالات والمواد
15
مساند
فهم async و await في JavaScript من خلال أمثلة عملية وأخطاء شائعة
شرح mental model للPromises وasync/await والتوازي والأخطاء والـtimeouts، مع أمثلة تمنع التسلسل البطيء وunhandled rejections.
مساند
كيف تحسن سرعة تحميل صفحة ويب قبل استخدام أدوات معقدة؟
خطة تحسين تبدأ بالقياس وحجم الصور وJavaScript وCSS والـcache والخادم قبل إدخال CDN أو architecture معقدة.
مساند
أساسيات إمكانية الوصول التي يجب أن يعرفها مطور الويب
قائمة عملية للمطور تشمل keyboard وfocus وlabels وcontrast وsemantic HTML وحالات الخطأ وreduced motion والاختبار بقارئ الشاشة.
مساند
تصميم واجهة Responsive بدون مطاردة كل مقاس شاشة
منهج يعتمد على المحتوى وCSS الحديثة بدل عشرات breakpoints، باستخدام Grid وFlex وminmax وcontainer queries واختبارات فعلية.
مساند
لماذا HTML الدلالي مهم لإمكانية الوصول و SEO والصيانة؟
كيف تمنح عناصر مثل main وnav وarticle وbutton وlabel بنية مفهومة للمتصفح وقارئات الشاشة ومحركات البحث قبل إضافة ARIA.
مساند
Core Web Vitals: ماذا تقيس ولماذا تهم المستخدم أكثر من رقم Lighthouse؟
شرح LCP وINP وCLS وكيف تقيس تجربة التحميل والاستجابة والاستقرار البصري، ولماذا تحتاج بيانات حقيقية بجانب الاختبار المعملي.
مساند
نشر تطبيق Node.js بأقل تعقيد ممكن: Process Manager و Reverse Proxy و Health Checks
مسار نشر بسيط لتطبيق Node.js من build وenv إلى process manager وHTTPS وhealth checks والrollback بدون إدخال Kubernetes قبل الحاجة.
مساند
استراتيجية اختبارات عملية لمشروع ويب صغير: أقل عدد اختبارات يحمي أهم السلوك
كيف تبني هرم اختبار واقعي لمشروع صغير باستخدام Unit وIntegration وE2E بدون كتابة اختبارات هشة لكل تفصيلة.
مساند
Web Components و Shadow DOM: أين يفيد العزل وأين يعقد التصميم؟
دليل عملي لاستخدام Custom Elements وShadow DOM وSlots وCSS Parts بدون تحويل المكونات إلى صناديق مغلقة يصعب تخصيصها أو اختبارها.
مساند
تصميم REST API واضحة وقابلة للتوسع: الموارد والعقود والأخطاء قبل كثرة endpoints
دليل عملي لتصميم API مستقرة عبر resources واضحة، status codes، pagination، idempotency، versioning، وأخطاء يمكن للعملاء التعامل معها.
مساند
Sessions أم Tokens لتسجيل الدخول؟ مقارنة معمارية قبل اختيار JWT
مقارنة بين server-side sessions وAccess/Refresh tokens من حيث الإبطال والتوسع والمتصفح والتطبيقات، ولماذا JWT ليست ترقية تلقائية.
مساند
Cache-Control و ETag: كيف تمنع إعادة تحميل ما لم يتغير؟
دليل عملي لـHTTP caching يشرح freshness وrevalidation وETag وimmutable، وكيف تختار سياسة للHTML وCSS وAPI بدون تقديم بيانات قديمة.
مساند
Idempotency في APIs: لماذا يجب ألا يكرر Retry عملية الدفع أو الإنشاء؟
كيف تمنع Idempotency Keys تكرار العمليات الحساسة عند retries وانقطاع الشبكة، وما الفرق بين إعادة الطلب وإعادة الأثر.
مساند
CORS: لماذا قد ينجح الطلب في curl ويفشل داخل المتصفح؟
شرح آلية Same-Origin Policy وCORS وpreflight، ولماذا نجاح API من curl لا يعني أن JavaScript في المتصفح مسموح لها بقراءة الاستجابة.
مساند
Content Security Policy: كيف تقلل أثر XSS بدل الاعتماد على فلترة الإدخال وحدها؟
دليل عملي لبناء CSP تدريجيًا باستخدام nonce أو hash وReport-Only، مع توضيح ما الذي تمنعه السياسة وما الذي لا تعالجه.