مطور/ة ويبإجابات المقابلة

مكدسي الرئيسي هو [React أو Next.js للواجهة الأمامية، Node.js/Express أو Python للخلفية، PostgreSQL للبيانات العلائقية، ويتم النشر على AWS/Vercel]. اخترته بناءً على نضوج النظام البيئي، وطلب سوق العمل، والمشاريع الشخصية حيث تمكنت من التحقق من مهاراتي. كما أُجيد [Vue، Angular، Django — أضف أي خبرة ثانوية]. أتعامل مع اختيارات التكنولوجيا بشكل براغماتي: الأداة المناسبة لمتطلبات المشروع، ومهارات الفريق، واحتياجات الصيانة على المدى الطويل — وليس الإطار الأكثر شعبية على HackerNews.

أستهدف مؤشرات Core Web Vitals كمقياس الأداء الأساسي: LCP (Largest Contentful Paint) أقل من 2.5 ثانية، INP أقل من 200 مللي ثانية، وCLS قريب من الصفر. أحسّن الصور (صيغة WebP/AVIF، الحجم الصحيح، التحميل الكسول)، أقلل حجم حزمة JavaScript (تقسيم الشيفرة، tree shaking)، أستفيد من ذاكرة التخزين المؤقت للمتصفح، أستخدم CDN للأصول الثابتة، وأزيل الموارد التي تمنع العرض. أقيس الأداء باستخدام Lighthouse وPageSpeed Insights قبل وبعد التحسين. الأداء ميزة — المواقع السريعة تحتل مرتبة أفضل، تحقق تحويلات أفضل، وتحافظ على المستخدمين بشكل أفضل.

أتبع OWASP Top 10 كأساس أمني: التحقق من المدخلات لمنع XSS وهجمات الحقن، HTTPS في كل مكان، مصادقة آمنة (تجزئة قوية لكلمات المرور، رموز CSRF، تحديد معدل الطلبات)، تكوين CORS بشكل صحيح، وإدارة التبعيات (المراجعة الدورية باستخدام npm audit أو Snyk). لا أخزن بيانات حساسة دون ضرورة وأشفّر ما أخزنه. أتعامل مع الأمان كممارسة مستمرة، وليس مرحلة من المشروع — الفحوصات الأمنية الآلية في CI تكتشف التراجعات قبل أن تصل إلى الإنتاج.

أصمم للهاتف أولًا: أبدأ بأصغر نافذة عرض وأقوم بالتحسين التدريجي للشاشات الأكبر. أستخدم CSS Grid وFlexbox للتخطيطات المرنة، ووحدات نسبية (rem، %، clamp()) للقابلية على التدرج، واستعلامات الوسائط (media queries) للتعديلات عند نقاط الانكسار. أختبر على أجهزة حقيقية جنبًا إلى جنب مع محاكاة Chrome DevTools — المحاكاة مفيدة لكنها ليست بديلاً. كما أضع في الاعتبار تفاعلات اللمس (الحد الأدنى لحجم هدف النقر 44px، ومعالجة حالات hover المناسبة) وقابلية قراءة الخطوط عبر أحجام الشاشة. التصميم المتجاوب يتعلق بتجربة ممتازة على أي جهاز، وليس مجرد ملاءمة الشاشة.

عملت مع WordPress (تطوير قوالب مخصصة، تطوير إضافات، REST API)، Contentful، Sanity، وStrapi كخيارات CMS بلا رأس. أختار نظام إدارة المحتوى بناءً على قدرة العميل على إدارة المحتوى، ومتطلبات الأداء، وتعقيد نموذج المحتوى. للمواقع التسويقية حيث يحتاج المحررون غير التقنيين إلى التحكم، يوفر CMS بلا رأس مقترنًا بمولد مواقع ثابتة أو Next.js أداءً ممتازًا ومرونة تحريرية. دائمًا أصمم نموذج المحتوى ليتوافق مع سير العمل التحريري، وليس لمجرد الراحة التقنية.

أستخدم أدوات إدارة المشاريع (Linear، Trello، Notion) لتتبع جميع المهام مع تحديد مالك واضح ومواعيد نهائية. أحدد نطاق عمل واضح وعملية لطلبات التغيير في البداية — فإن زيادة نطاق العمل هي السبب الرئيسي للمشاريع المتجاوزة للميزانية والمتأخرة. أتواصل بشكل استباقي: تحديثات تقدم أسبوعية، إشارات مبكرة للعوائق، وتسليمات مرحلية (نماذج التصميم، موقع تجريبي، النهائي) التي تسمح بالملاحظات قبل المنتج النهائي. أرتب عمليات النشر على مراحل — تطوير، تجريبي، إنتاج — حتى لا يصل شيء غير مُختَبَر إلى الموقع الحي.

Git أساسي لكل ما أفعله. أستخدم فروع الميزات، ورسائل التزام وصفية، وطلبات سحب لكل التغييرات — حتى في المشاريع الفردية، لأنها تبني عادات جيدة. في بيئات الفريق، أتبع Conventional Commits، أو أربط طلبات السحب بالمشكلات/التذاكر، وأجري مراجعات كود دقيقة. أشعر بالراحة مع إعادة ترتيب Git (rebase) واستراتيجيات الدمج. كما أشارك في ثقافة مراجعة الكود: مراجعة كود الآخرين هي من أفضل طرق التعلم وواحدة من أنجع المساهمات قيمة التي يمكن للمطور تقديمها للفريق.

أستخدم Can I Use للتحقق من دعم الميزات قبل التنفيذ وأقرر بشأن polyfills أو نهج بديلة للميزات الحرجة غير المدعومة على نطاق واسع. أحدد سياسة دعم المتصفحات مع العميل في بداية المشروع — دعم IE11 له تبعات تكلفة حقيقية. أختبر على Chrome وFirefox وSafari وEdge كحد أدنى. أستخدم autoprefixer لبادئات بائعي CSS وBabel لترجمة JavaScript عند الحاجة. كما أصمم بتحسين تدريجي: التجربة الأساسية تعمل في كل مكان؛ وتضيف الميزات المحسنة قيمة حيثما كانت مدعومة.