مقالات

المقالات

مقالات مطوّلة عن معمارية الواجهات الأمامية، وسهولة الوصول، والأمان، والثيمات، والهندسة بمساعدة الذكاء الاصطناعي. المقالات منشورة باللغة الإنجليزية.

كل المقالات (8)

قراءة 16 دقيقة

Micro-Frontends in 2026: When to Split, When to Use Storybook, and When You Just Need a Component Library

دليل لاتخاذ القرار: Module Federation 2.0 و Native Federation و import maps و Web Components والمستودعات الموحّدة، مع قائمة تقييم، والتكاليف الحقيقية، و Storybook، وبناء مكتبة مكوّنات.

Micro-FrontendsStorybookDesign Systems اقرأ المقالة ←

قراءة 15 دقيقة

Front-End Security in 2026: Cookies, Tokens, CAPTCHA and the Things We Get Wrong

الكوكيز HttpOnly مقابل localStorage، وهجمات CSRF، وسياسة CSP و Trusted Types، وتشفير معاملات المسار، وتقوية تسجيل الدخول، وقائمة تحقق لبناء CAPTCHA خاص بك.

SecurityCookiesCAPTCHA اقرأ المقالة ←

قراءة 13 دقيقة

Accessibility That Ships: A Senior Front-End Checklist

معايير WCAG 2.2 عمليًا: البنية الدلالية، والتركيز، وأنماط لوحة المفاتيح، وقائمة اختيار مخصّصة سهلة الوصول، وأوضاع التباين، والعربية من اليمين لليسار. مع عروض تفاعلية.

AccessibilityWCAG 2.2RTL اقرأ المقالة ←

قراءة 12 دقيقة

Theming Done Right: Light, Dark, Brand Palettes and User Preferences

مستويات الرموز، ووضع النظام مع اختيار المستخدم، ومنع وميض الثيم الخاطئ، ولوحات ألوان آمنة التباين من لون واحد، وانتقال دائري بواجهة View Transitions.

Design SystemsDark ModeCSS اقرأ المقالة ←

قراءة 12 دقيقة

The Best Way to Write SCSS in 2026

استخدام @use و @forward، والرموز كمتغيرات CSS، وطبقات @layer، والخصائص المنطقية، واستعلامات الحاوية، و :has()، ومتى يبقى Sass مفيدًا.

SCSSCSSArchitecture اقرأ المقالة ←

قراءة 9 دقائق

Why I Wrote Two of My Dev Tools in Go (and Kept the Rest in Node)

نظرة مهندسة واجهات على Go لأدوات المطورين: كود حقيقي من فاحص بـ Go، وأحجام وأزمنة إقلاع مقاسة مقابل Node، وين Go ما فازت، والسؤالين اللي بسألهم قبل الاختيار.

GoNode.jsCLI اقرأ المقالة ←

قراءة 10 دقائق

Rules, Skills and Guardrails: How I Engineer with Cursor and Claude Code

نظام الهندسة بمساعدة الذكاء الاصطناعي في تطبيقاتي: 176 قاعدة، ومهارات Claude، وسكربتات مزامنة، وفحوصات تحوّل القواعد إلى أخطاء بناء.

AICursorClaude Code اقرأ المقالة ←

قراءة 12 دقيقة

From Angular to React Native Without a Rewrite: A Senior Playbook

كيف تنقل تطبيق Angular إلى React Native دون إعادة كتابة: طبقة صغيرة للحقن و Signals، وبنية متطابقة، ومزامنة الترجمات والرموز، ودعم العربية بشكل صحيح.

AngularReact NativeExpo اقرأ المقالة ←