عن بُعد دوام كامل
--
Flatgigs

تفاصيل الوظيفة

وصف الوظيفة

نحن نبحث عن مطوّر واجهات أمامية ماهر ومتحفّز مع خبرة قوية في *React.
js* وأفضل ممارسات تطوير الواجهات الأمامية الحديثة.
المرشح المثالي يجب أن يكون مريحًا في بناء تطبيقات ويب قابلة للتوسع، سريعة الاستجابة، وعالية الأداء ودمجها مع *RESTful APIs والخلفيات القائمة على الخدمات المصغرة*.
ستعمل عن كثب مع مهندسي الخلفية، ومديري المنتجات، والمصممين، ومهندسي ضمان الجودة لتطوير تطبيقات حديثة قابلة للصيانة وسهلة الاستخدام.
* تطوير وصيانة تطبيقات ويب حديثة باستخدام *React.
js*. * بناء مكوّنات واجهة مستخدم قابلة لإعادة الاستخدام وقابلة للتوسع وقابلة للصيانة.
* دمج تطبيقات الواجهة الأمامية مع *REST APIs والخدمات المصغرة*.
* العمل مع فرق الخلفية لفهم عقود API، المصادقة، معالجة الأخطاء، ودمج الخدمات.
* تطبيق إدارة حالة التطبيق باستخدام *Redux / Redux Toolkit* أو حلول إدارة حالة مناسبة أخرى.
* تطوير واجهات متجاوبة ومتوافقة مع الأجهزة المحمولة عبر أجهزة وشاشات مختلفة.
* اتباع بنية وتطوير الواجهة الأمامية الحديثة وأفضل الممارسات.
* تحسين أداء التطبيق، وقت تحميل الصفحات، أداء العرض، وحجم الحزمة.
* تنفيذ حالات التحميل، الخطأ، الفراغ، والنجاح بشكل صحيح في التطبيق.
* معالجة تدفقات المصادقة والتفويض، بما في ذلك المصادقة المعتمدة على الرموز.
* العمل مع استدعاءات API غير المتزامنة وإدارة بيانات الخادم بكفاءة.
* كتابة كود نظيف، قابل لإعادة الاستخدام، modular، ومُوثّق جيداً.
* المشاركة في مراجعات الكود والمساهمة في معايير ترميز الواجهة الأمامية.
* استكشاف أخطاء الواجهة الأمامية وإصلاحها في بيئة الإنتاج.
* التعاون مع مهندسي ضمان الجودة لضمان إصدار عالي الجودة وموثوق.
* العمل مع تدفقات التطوير المعتمدة على Git والمشاركة في عمليات سحب/مراجعة الكود.
* المساهمة في تحسين عمارة الواجهة الأمامية بشكل عام مع تطور المنتج.
المتطلبات التقنية الأساسية React.
js * خبرة عملية قوية بـ *React.
js*. * فهم قوي لـ: * المكوّنات الوظيفية * React Hooks * دورة حياة المكوّن * Props والحالة * Context API * Custom Hooks * تصميم مكوّنات قابلة لإعادة الاستخدام * تجربة البناء تطبيقات React على نطاق واسع.
إدارة الحالة * خبرة قوية مع *Redux / Redux Toolkit*.
* فهم إدارة الحالة العالمية مقابل المحلية.
* تجربة التعامل مع حالة غير متزامنة وبيانات API.
* الإلمام ببدائل مثل *React Query / TanStack Query* ميزة إضافية.
التطوير الأمامي الحديث * معرفة قوية بـ *JavaScript (ES6+)*.
* فهم جيد لـ *TypeScript*.
* خبرة مع CSS الحديثة وتصميم استجابة.
* تجربة مع تطوير واجهات مبنية على المكوّنات.
* فهم هندسة الواجهة الأمامية وأنماط التصميم.
* خبرة مع أدوات البناء الحديثة مثل *Vite, Webpack, أو ما شابه*.
* فهم تقطيع الكود، التحميل الكسول، التخزين المؤقت، وتحسين أداء الواجهة الأمامية.
الخدمات المصغرة وتكامل API * تجربة دمج تطبيقات React مع *أنظمة خلفية قائمة على الخدمات المصغرة*.
* فهم قوي لـ *REST APIs* و JSON.
* فهم: * مصادقة API * تفويض * طرق HTTP ورموز الحالة * معالجة أخطاء API * التصفح والتصفية والفرز * رفع الملفات * Webhooks/events من منظور واجهة المستخدم * القدرة على العمل مع عدة خدمات/API خلفية ضمن تطبيق واجهة أمامية واحد.
* فهم حدود الخدمة وكيفية تفاعل تطبيقات الواجهة الأمامية مع أنظمة الخلفية الموزعة.
HTML / CSS * معرفة قوية بـ *HTML5, CSS3، والتصميم المتجاوب*.
* تجربة مع أطر CSS الحديثة مثل *Tailwind CSS, Bootstrap, أو Material UI*.
* القدرة على تحويل تصاميم UI/UX إلى تنفيذات أمامية نظيفة ومتجاوبة.
* فهم جيد للوضوح والوصول عبر المتصفحات المختلفة.
Git & ممارسات التطوير * خبرة قوية بـ *Git وGitHub/GitLab/Bitbucket*.
* تجربة مع: * فرع الميزات * طلبات السحب * مراجعات الكود * صراعات الدمج * أدوار الإصدار * فهم تدفقات CI/CD ميزة إضافية.
المهارات المحبذة * تجربة مع *Next.
js*. * تجربة مع *TypeScript* في تطبيقات الإنتاج.
* تجربة مع *React Query / TanStack Query*.
* تجربة مع *WebSockets أو تطبيقات الوقت الحقيقي*.
* تجربة مع *Micro Frontends* ميزة قوية.
* تجربة مع *Storybook*.
* تجربة كتابة اختبارات الوحدات/الاندماج للواجهة الأمامية باستخدام *Jest, Vitest, React Testing Library, أو Cypress/Playwright*.
* فهم Docker والتطبيقات المحوسبة بالحاويات.
* تجربة العمل في بيئات سحابية مثل AWS.
* فهم قابلية الرصد للتطبيق ومراقبة الواجهة الأمامية.
* تجربة العمل في فرق Agile/Scrum.
توقعات بنية الواجهة الأمامية يجب أن يفهم المرشح كيف تبنى تطبيقات أمامية قابلة للتوسع مع نمو المنتج.
يجب أن يكونوا مرتاحين مع مفاهيم مثل: * بنية قائمة على المكوّنات * بنية مجلدات قائمة على الميزة * مكونات واجهة قابلة لإعادة الاستخدام * فصل الاهتمامات * إدارة الحالة * طبقات تجريد API/الخدمات * إدارة حالة الخطأ والتحميل * المصادقة/التفويض * تحسين الأداء * التحميل الكسول وتقسيم الشفرة * تكوين يعتمد على البيئة * بنية مشروع أمامية قابلة للتوسع **Example Technology Stack** *Frontend* * React.
js * TypeScript * Redux Toolkit * React Query / TanStack Query * HTML5 * CSS3 * Tailwind CSS / Material UI Backend Integration * REST APIs * Microservices * JSON * OAuth/JWT-based authentication Development * Git * GitHub/GitLab * Vite / Webpack * Docker * CI/CD Testing * Jest / Vitest * React Testing Library * Cypress / Playwright Soft Skills * مهارات عالية في حل المشاكل وتصحيح الأخطاء.
* مهارات تواصل وتعاون جيدة.
* القدرة على العمل بشكل مستقل وكجزء من فريق.
* اهتمام قوي بالتفاصيل.
* القدرة على فهم متطلبات العمل وترجمتها إلى حلول تقنية.
* الرغبة في تعلم تقنيات جديدة وممارسات تطوير حديثة.
* الراحة في العمل في بيئة تطوير منتج سريعة الإيقاع.
ما الذي نبحث عنه نحن نبحث عن شخص لا يكتفي بكتابة مكونات React فقط بل يمكنه *التفكير خارج نطاق الشاشات الفردية وبناء أنظمة أمامية قابلة للتوسع*.
يجب أن يفهم المرشح المثالي *كيف تتواصل الواجهة الأمامية الحديثة مع خدمات الخلفية الموزعة، وتدير حالة التطبيق، وتتعامل مع الفشل، وتؤدي بكفاءة، وتظل قابلة للصيانة مع نمو التطبيق.
*

وظائف مشابهة

حول Flatgigs
مصر, القاهرة
تكنولوجيا المعلومات والخدمات