في المكتب دوام كامل
jordan -
الأردن , Jordan
--
jordan

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

الوصف

مجموعة روبستا التكنولوجيا (RTG) هي محرك رئيسي للتحول الرقمي من خلال توفير منظومة تقنية شاملة. تعمل RTG مع شركائها المحليين والدوليين للمساعدة في بناء تجارب رقمية للعملاء، وتأسيس مراكز هندسية، وبناء مشاريع عبر صناعات ومجالات متعددة. في هذا المسعى، تعمل RTG كمحفز للأثر والنمو من خلال الفعاليات، والمساحات، والمحتوى الذي يركز على إحداث أثر ونمو عبر التفاعلات المختلفة.

فخورون بأن تكون Octopus جزءاً من Robusta Technology Group (RTG)، مجموعة استشارية تقنية رائدة. مع عقد من الخبرة وسجل ناجح في تقديم أكثر من 300 مشروع عبر أوروبا والشرق الأوسط وشمال أمريكا، أصبحت RTG جهة توظف مفضلة في السوق المصري. تبني Octopus وRobusta جسراً بين أوروبا وأفريقيا، مع حلول مراكز مخصصة لربط الشركات بأفضل المواهب حول العالم.

نظرة عامة على الوظيفة

نبحث عن مطور واجهات أمامية ماهر ذو خبرة 3–5 سنوات في بناء تطبيقات ويب حديثة وقابلة للوصول وأداء عالي. هذا الدور يركز على الواجهة الأمامية، ويتطلب خبرة قوية في HTML وCSS وJavaScript وأطر العمل الحديثة للواجهة الأمامية، إلى جانب خبرة عملية في دمج حلول الواجهة الأمامية ضمن Adobe Experience Manager (AEM) أو منصات CMS enterprises مماثلة مثل Sitecore وContentful وStoryblok وWordPress.

يفترض أن يمتلك المرشح المثالي خبرة في تطوير مكونات واجهة مستخدم قابلة لإعادة الاستخدام، وتطبيق تصميمات استجابة من Figma، والتعاون الوثيق مع مطوري الخلفية وفِرق QA والمصممين ومؤلفي المحتوى في بيئات Agile.

مسؤوليات الدور

تطوير واجهة المستخدم
بناء واجهات مستخدم سريعة الاستجابة وقابلة للوصول وت عالية الأداء باستخدام HTML5 وCSS3 وJavaScript الحديث (ES6+). تطوير كود واجهة أمامية نظيف وقابل للصيانة وقابل للتوسع وفق أحدث الممارسات.

تطوير قائم على المكونات
إنشاء مكونات واجهة قابلة لإعادة الاستخدام ومتوافقة مع أنظمة التصميم ومبادئ هندسة قائمة على المكونات. ضمان الاتساق عبر الصفحات والتطبيقات من خلال مكتبات مكونات مشتركة.

تطوير إطار العمل الأمامي
تطوير تجارب ويب تفاعلية باستخدام React (مفضل)، Next.js، أو Vue.js. تطبيق إدارة حالة المكونات ومنطق تطبيق الواجهة الأمامية بفعالية.

التكامل مع CMS
دمج مكونات الواجهة داخل Adobe Experience Manager (AEM) أو منصات CMS مؤسسة أخرى. العمل بمفاهيم AEM مثل:

  • HTL/Sightly
  • Clientlibs
  • نماذج قابلة للتحرير
  • جزء المحتوى
  • جزء التجربة
  • مربعات حوار المكونات
  • التأكد من أن تطبيقات الواجهة تدعم سير العمل التحريري وهياكل المحتوى القابلة للتكوين.

    تنفيذ التصميم
    تحويل ملفات التصميم من Figma أو ما يشابهها إلى واجهات متجاوبة وبدقة بكسلية. الحفاظ على الاتساق مع رموز التصميم والطباعة والتباعد وإرشادات العلامة التجارية.

    الدعم عبر المتصفحات المختلفة والشاشات
    ضمان التوافق عبر المتصفحات الحديثة والأجهزة وأحجام الشاشات. دعم تخطي RTL للمواقع ثنائية اللغة عندما يكون مناسباً.

    تحسين الأداء
    تطبيق تقنيات تحسين الواجهة بما في ذلك:

  • تحميل كسول
  • تحسين الصور
  • تحسين الحزم
  • تحسين Core Web Vitals
  • التاح accessibility
    تطوير واجهات وصولية وفق معايير WCAG 2.1 AA. تنفيذ HTML دلالي، وتصفح باستخدام لوحة المفاتيح، وسمات ARIA، ودعم لقارئ الشاشة.

    التكامل مع API
    استهلاك RESTful وGraphQL APIs من تطبيقات الواجهة. إدارة ترابط البيانات وحالات التحميل والتعامل مع الأخطاء بكفاءة.

    جودة الأكواد والاختبار
    كتابة كود نظيف، modular، قابل للاختبار. المشاركة في مراجعات الكود من الزملاء والالتزام بمعايير البرمجة وقواعد اللينت. تصحيح العيوب والتكامل بفعالية.

    التعاون
    التعاون مع المصممين ومطوري الخلفية ومطوري AEM ومهندسي QA ومالكي المنتج في فرق Agile/Scrum. دعم مؤلفي المحتوى والتأكد من أن صفحات CMS-rendered تعمل بشكل صحيح.

    المتطلبات

    3–5 سنوات من الخبرة العملية في تطوير الواجهة الأمامية. خبرة قوية في بناء مواقع production-grade أو تطبيقات ويب المؤسسات. خبرة عملية في العمل ضمن منصة CMS مؤسسة على الأقل:

  • Adobe Experience Manager (المفضل)
  • Sitecore
  • Contentful
  • Storyblok
  • WordPress
  • خبرة في العمل ضمن بيئات Agile/Scrum.

    المتطلبات التقنية الأساسية

    أساسيات الواجهة الأمامية
    إتقان قوي في:

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • خبرة في SCSS/SASS أو ما شابه من معالجات CSS. فهم قوي لتطوير استجابي وتطوير يعتمد على المحمول أولاً. التوافق عبر المتصفحات وتقنيات التعزيز التدريجي. خبرة أساسية في الدولية والـ RTL.

    أطر الواجهة الأمامية الحديثة
    خبرة عملية مع:

  • React.js (مفضل)
  • Next.js
  • Vue.js
  • فهم:
  • هندسة قائمة على المكوّنات
  • Hooks وإدارة الحالة
  • أساسيات TypeScript
  • >الاطلاع على مكتبات إدارة الحالة مثل Redux أو Context API أو Zustand.

    خبرة CMS
    خبرة في دمج تطبيقات الواجهة مع منصات CMS المؤسسة. فهم قيود تحرير CMS وبنى المكونات القابلة للتحرير. القدرة على التعاون بفعالية مع مطوري الخلفية/AEM على عقود المكونات وهياكل البيانات.

    UI ونظم التصميم
    القدرة على ترجمة تصميمات Figma بدقة إلى كود واجهة أمامية قابل للصيانة. خبرة في العمل مع:

  • أنظمة التصميم
  • رموز التصميم
  • مكتبات المكونات المشتركة
  • معرفة ب_tailwind CSS" إضافة. فهم الرسوم المتحركة والتفاعلات UI باستخدام CSS وJavaScript.

    الأدوات وتدفق التطوير
    إتقان في:

  • Git
  • npm/Yarn
  • Webpack أو Vite
  • استخدام أدوات مطور المتصفح للتصحيح وتحليل الأداء. الالمام بـJIRA أو أدوات إدارة المشاريع المشابهة.

    الأداء والوصولية وتحسين محركات البحث
    فهم قوي لـ:

  • Core Web Vitals
  • تقنيات تحسين الواجهة الأمامية
  • معايير WCAG 2.1 AA للوصول
  • أفضل ممارسات SEO للترميز الدلالي والميتا
  • يفضّل وجوده

    خبرة مع AEM كخدمة سحابية. خبرة مع AEM SPA Editor باستخدام React. خبرة Headless CMS و GraphQL. تعرّض ل:

  • Adobe Target
  • Adobe Analytics
  • Tealium
  • اختبار الوحدة باستخدام Jest أو React Testing Library
  • اختبار End-to-End باستخدام Cypress أو Playwright
  • التعرّض لخطوط CI/CD مثل:

  • Adobe Cloud Manager
  • GitHub Actions
  • Jenkins
  • خبرة في العمل على مواقع بالعربية أو RTL.

    المهارات الناعمة

  • مهارات قوية في حل المشكلات وتتبع الأخطاء
  • اتصال وتعاون ممتازان
  • القدرة على العمل بشكل مستقل وتحت إشراف محدود
  • اهتمام عالي بالتفاصيل وجودة واجهة المستخدم
  • مهارات إدارة الوقت وتحديد أولويات المهام
  • التعليم

    درجة البكالوريوس في علوم الحاسوب، الهندسة البرمجية، تقنية المعلومات، أو مجال ذي صلة — أو خبرة عملية معادلة.

    وظائف مشابهة

    حول jordan
    الأردن, Jordan