تصميم أنظمة الواجهات الأمامية لتطبيقات المؤسسات
كيف تُصمَّم الواجهات الأمامية للبنوك وقطاع الصحة والمؤسسات الكبرى: ثمانية مجالات، والمفاهيم القليلة التي تهمّ في كل منها، وماذا تختار ومتى.
خبرة من بيئة الإنتاج، لا قاموس مصطلحات. تعيش الواجهات الأمامية للمؤسسات أطول من أطرها البرمجية، وتتشاركها فرق كثيرة، وتخضع لقواعد: ، والتدقيق، وقوانين إمكانية الوصول، والعربية والفرنسية إلى جانب الإنجليزية.
كل جزء قصير: المفاهيم التي تهمّ، وماذا تختار ومتى، وما تركته جانباً ولماذا، ومثال في Atlas Bank، بنك مغربي خيالي، لا كود عملاء أبداً.
تصميم أنظمة الواجهات الأمامية لتطبيقات المؤسسات: 8 قرارات
تصميم أنظمة الواجهات الأمامية لتطبيقات المؤسسات حُكمٌ لا قاموس مصطلحات: ثمانية مجالات، والمفاهيم القليلة التي تهمّ في كل منها، وماذا تختار ومتى.
اقرأ
معمارية الواجهات الأمامية في المؤسسات: ارسم الحدود أولاً
معمارية الواجهات الأمامية في المؤسسات حدودٌ أولاً: طبقات بعقد استيراد يفرضه الفحص الآلي، ومستودع موحّد أو لا، والواجهات المصغّرة في الغالب لا.
اقرأ
إدارة الحالة في تطبيقات المؤسسات: الملكية قبل المكتبات
إدارة الحالة في تطبيقات Angular و React للمؤسسات: سمِّ نوع الحالة، وامنحها مالكاً واحداً، واشتقّ الباقي. الإشارات و RxJS والرابط والنماذج.
اقرأ
الشبكة والتخزين المؤقت في المؤسسات: من يملك البيانات القديمة؟
الشبكة والتخزين المؤقت في واجهات المؤسسات: حدّ واحد للوصول إلى البيانات، وعقود API محددة الأنواع، والإلغاء وإزالة التكرار، و Cache-Control، وإعادة محاولة آمنة.
اقرأ
العرض في تطبيقات المؤسسات: CSR أم SSR أم كلاهما؟
CSR أم SSR لتطبيقات Angular و React في المؤسسات: متى يستحق العرض على الخادم كلفته، وثمن الإحياء، و @defer، والمسارات الكسولة، و zoneless، و Server Components.
اقرأ
أداء الواجهة الأمامية في تطبيقات المؤسسات: ميزانيات لا بطولات
أداء الواجهة الأمامية في تطبيقات المؤسسات: Core Web Vitals لدى المستخدمين الحقيقيين، وميزانيات تُفشل CI، ومسارات كسولة، وجداول طويلة، وصور، وبيانات الميدان.
اقرأ
أمان الواجهة الأمامية في تطبيقات المؤسسات: لا تثق بالمتصفح
أمان الواجهة الأمامية في تطبيقات المؤسسات: التحكم في الوصول على الخادم، و RBAC في الواجهة، و XSS والتعقيم، و CSP، والرموز، ولا أسرار في الحزمة، والتدقيق.
اقرأ
إمكانية الوصول في واجهات المؤسسات: ضعها في نظام التصميم
إمكانية الوصول في واجهات المؤسسات: معيار WCAG 2.2 AA، والقانون الأوروبي لإمكانية الوصول للبنوك، ولوحة المفاتيح والتركيز، وأخطاء النماذج، والاختبار في CI.
اقرأ
العربية والفرنسية والدرهم: التدويل و RTL في واجهات المؤسسات
التدويل و RTL في واجهات المؤسسات بالمغرب والخليج: الترجمة وقت البناء أو وقت التشغيل، و dir و CSS المنطقي، والنص ثنائي الاتجاه، وتنسيق الدرهم.
اقرأ