البرمجة وتطوير الويب
أساسيات وممارسات عملية لبناء مواقع وتطبيقات ويب قابلة للصيانة وسريعة وآمنة.
مجتمع الموضوع
النقاش والخبرة حول البرمجة وتطوير الويب
اسأل، شارك تجربة عملية، وتابع الأشخاص الذين يضيفون معرفة حقيقية في هذا المجال.
1متابع
2نقاش
1سؤال
1مساهم
واجهة الموضوع
اختيار تحريري من محتوى الموضوعأبرز ما نتابعه
محوري
لماذا HTML الدلالي مهم لإمكانية الوصول و SEO والصيانة؟
كيف تمنح عناصر مثل main وnav وarticle وbutton وlabel بنية مفهومة للمتصفح وقارئات الشاشة ومحركات البحث قبل إضافة ARIA.
يتجدد مع النشر
06الأحدث في الموضوع
مواد مترابطة
3
مترابط
أساسيات إمكانية الوصول التي يجب أن يعرفها مطور الويب
قائمة عملية للمطور تشمل keyboard وfocus وlabels وcontrast وsemantic HTML وحالات الخطأ وreduced motion والاختبار بقارئ الشاشة.
مترابط
تصميم REST API واضحة وقابلة للتوسع: الموارد والعقود والأخطاء قبل كثرة endpoints
دليل عملي لتصميم API مستقرة عبر resources واضحة، status codes، pagination، idempotency، versioning، وأخطاء يمكن للعملاء التعامل معها.
مترابط
نشر تطبيق Node.js بأقل تعقيد ممكن: Process Manager و Reverse Proxy و Health Checks
مسار نشر بسيط لتطبيق Node.js من build وenv إلى process manager وHTTPS وhealth checks والrollback بدون إدخال Kubernetes قبل الحاجة.
مواد مساندة
15
مساند
إعادة محاولة API تحت التزامن: كيف تمنع سباق الطلبات من إنشاء عمليتين؟
منع التكرار تحت التزامن: قيد فريد وآلة حالات وتعافٍ من سقوط العامل، مع اختبارات لقياس الأثر الحقيقي.
مساند
إيقاف حقل REST API دون مفاجآت: Deprecation و Sunset وقياس العملاء المتأخرين
دليل لتقاعد حقل JSON تدريجيًا باستخدام إشارات Deprecation وSunset واختبارات العقود وقياس العملاء المتأخرين.
مساند
اختبار نموذج رفع الملفات قبل الإنتاج: مصفوفة تحقق تتجاوز امتداد الملف
اختبارات قبول لرفع الملفات تشمل المحتوى والحجم والصلاحيات والحجر والفشل والاستعادة، لا مجرد multipart.
مساند
أخطاء RTL التي تخفيها اللقطات: اختبار CSS Logical Properties و DOM بالعربية
اختبارات RTL للمطورين تتجاوز الصور إلى ترتيب DOM وTab وخصائص CSS المنطقية والنص المختلط.
مساند
تصميم واجهة Responsive بدون مطاردة كل مقاس شاشة
منهج يعتمد على المحتوى وCSS الحديثة بدل عشرات breakpoints، باستخدام Grid وFlex وminmax وcontainer queries واختبارات فعلية.
مساند
فهم async و await في JavaScript من خلال أمثلة عملية وأخطاء شائعة
شرح mental model للPromises وasync/await والتوازي والأخطاء والـtimeouts، مع أمثلة تمنع التسلسل البطيء وunhandled rejections.
مساند
كيف تحسن سرعة تحميل صفحة ويب قبل استخدام أدوات معقدة؟
خطة تحسين تبدأ بالقياس وحجم الصور وJavaScript وCSS والـcache والخادم قبل إدخال CDN أو architecture معقدة.
مساند
Core Web Vitals: ماذا تقيس ولماذا تهم المستخدم أكثر من رقم Lighthouse؟
شرح LCP وINP وCLS وكيف تقيس تجربة التحميل والاستجابة والاستقرار البصري، ولماذا تحتاج بيانات حقيقية بجانب الاختبار المعملي.
مساند
Sessions أم Tokens لتسجيل الدخول؟ مقارنة معمارية قبل اختيار JWT
مقارنة بين server-side sessions وAccess/Refresh tokens من حيث الإبطال والتوسع والمتصفح والتطبيقات، ولماذا JWT ليست ترقية تلقائية.
مساند
استراتيجية اختبارات عملية لمشروع ويب صغير: أقل عدد اختبارات يحمي أهم السلوك
كيف تبني هرم اختبار واقعي لمشروع صغير باستخدام Unit وIntegration وE2E بدون كتابة اختبارات هشة لكل تفصيلة.
مساند
تحسين Core Web Vitals لموقع محتوى دون تضحيات في تجربة القراءة
دليل عملي لأصحاب مواقع المحتوى والمطورين يشرح تشخيص بطء المقالات، وتحسين الصور والخطوط والإعلانات والتفاعل، مع الحفاظ على وضوح النص وثبات الصفحة. يربط كل تعديل بسبب قابل للفحص، ويوضح كيف تراجع النتائج دون الانخداع بدرجة اختبار واحدة.
مساند
بناء نموذج تسجيل آمن: التحقق من المدخلات في الواجهة والخادم
دليل عملي لبناء نموذج تسجيل يجمع بين سهولة الاستخدام وضوابط الخادم، من تعريف قواعد الحقول ومعالجة البريد وكلمات المرور إلى منع الحسابات المكررة، وتأكيد الملكية، وعرض الأخطاء، واختبار الطلبات التي تتجاوز الواجهة.
مساند
متى تختار SSR أو SSG أو CSR لموقع عربي سريع؟
دليل عملي يوازن بين سرعة العرض والزحف وحداثة البيانات، ليختار مطوّر الموقع العربي نمط العرض الأنسب حسب طبيعة المحتوى والجمهور بدل التقليد.
مساند
مراجعة إمكانية الوصول في القوائم والنماذج خطوة بخطوة
دليل عملي لمراجعة إمكانية الوصول في القوائم والنماذج خطوة بخطوة، بدءًا من البنية الدلالية والتسميات وصولًا إلى رسائل الخطأ وترتيب التركيز، مع قائمة تحقق قابلة للتطبيق فورًا في مشاريع الويب العربية.
مساند
خطة اختبار تغييرات CSS قبل النشر على الهواتف والشاشات الكبيرة
دليل تنفيذي لاختبار تعديلات CSS قبل نشرها، يغطي تحديد نقاط الاستهداف، والتحقق على هواتف حقيقية، ومراجعة الشاشات الكبيرة، وضبط الوصولية والاتجاه، ثم اعتماد قائمة انحدار ونشر تدريجي قابل للتراجع.