مطور أمامي أقدم TASC Outsourcing

ملخص الدور نحن نبحث عن مهندس واجهات أمامية أول لديه حس تصميم قوي لبناء تطبيقات ويب حديثة وآمنة وعالية الأداء. ستكون مسؤولاً عن بنية الواجهة الأمامية، وتنفيذ تدفقات المصادقة، وتقديم تجارب مستخدم مصقولة. هذه هي وظيفة عملية تتطلب مهارات تقنية وتصميم بصري قوية، مع القدرة على توجيه مطورين آخرين. المسؤوليات الرئيسية • بناء واجهات مستخدم معقدة، جاهزة للإنتاج باستخدام React وTypeScript مع التعامل مع تحديثات البيانات في الوقت الحقيقي، ومجموعات البيانات الكبيرة، وتخطيطات تستجيب عبر أحجام الأجهزة. • تنفيذ تدفقات المصادقة والتفويض الآمنة، بما في ذلك التحكم في الوصول بناءً على الأدوار. • إدارة حالة العميل والخادم بفعالية باستخدام أنماط ومكتبات حديثة. • اختيار استراتيجيات العرض المناسبة (SSR، SSG، جانب العميل) بناءً على متطلبات التطبيق. • تنفيذ نماذج آمنة من النوع مع التحقق المناسب من الصحة ومعالجة الأخطاء. • بناء واجهات وصول واستجابة مع أساسيات CSS قوية وTailwind. • تحويل التصميمات من Figma إلى واجهات مستخدم جاهزة للإنتاج. • امتلاك استراتيجية اختبار الواجهة الأمامية: الوحدة، التكامل، ومن النهاية إلى النهاية. • تحسين الأداء بما في ذلك حجم الحزمة، Core Web Vitals وجلب البيانات بكفاءة. • قيادة القرارات التقنية، وإجراء مراجعات الكود، وتوجيه المطورين. المؤهلات والخبرة التعليم: • درجة البكالوريوس في علوم الكمبيوتر، أو هندسة البرمجيات، أو ما يعادلها. الخبرة العملية: • 7+ سنوات من تطوير الواجهة الأمامية المهنية. • 5+ سنوات مع React وTypeScript في الإنتاج. • خبرة مع Next.js App Router أو TanStack Start/Router. • خبرة في تنفيذ تدفقات OAuth 2.0 / OpenID Connect. المهارات التقنية المطلوبة: • React وTypeScript الحديثة، بما في ذلك hooks، context، suspense، ومكونات الخادم. • إدارة الحالة (Zustand، Jotai أو ما شابه)، وTanStack Query لحالة الخادم. • Next.js App Router أو TanStack Start، بما في ذلك إجراءات الخادم والبرمجيات الوسيطة. • أساسيات CSS قوية (flexbox، grid، animations) بالإضافة إلى Tailwind CSS v4. • OAuth 2.0 (Authorization Code + PKCE)، OpenID Connect، معالجة الرموز الآمنة، أنماط RBAC. • معالجة النماذج الآمنة من النوع مع التحقق من المخطط. • الاختبار باستخدام Vitest أو Jest، Playwright، ومكتبة اختبار React. • أساسيات إمكانية الوصول (WCAG، التنقل عبر لوحة المفاتيح، HTML الدلالي). • القدرة على العمل في Figma وتنفيذ التصميمات مع الانتباه إلى التفاصيل. • الراحة مع Node.js لمسارات API ومنطق جانب الخادم. • الإلمام بخدمات السحابة من AWS أو Azure. • أدوات البناء - Vite، pnpm، Turborepo، وأدوات التنسيق/التدقيق الحديثة. الخبرة المفضلة • React Native لتطوير الهواتف المحمولة عبر المنصات. • بنية أولاً غير متصلة، وعمال الخدمة، واستراتيجيات مزامنة البيانات المحلية. • التكامل مع مقدمي الهوية مثل Keycloak، أو Azure AD. • ميزات في الوقت الحقيقي مع WebSockets أو أحداث خادم مرسلة. • التدويل ودعم RTL. • تصور البيانات مع Recharts، D3، أو ما شابه. • خبرة في Monorepo مع Turborepo أو Nx. • أدوات مراقبة الأخطاء والرصد (Sentry أو ما شابه). • خلفية في لوحات المعلومات الأمنية أو تطبيقات الامتثال. المهارات الشخصية • عين قوية للتصميم والانتباه إلى التفاصيل البصرية. • مهارات قوية في تصحيح الأخطاء وحل المشكلات. • تواصل واضح مع المصممين والمهندسين وأصحاب المصلحة. • عقلية الملكية، أنت تخرج الميزات وتتحمل النتائج.