الوصف
مجموعة روبيستا لتكنولوجيا المعلومات (RTG) هي محرك رئيسي للتحول الرقمي من خلال توفير منظومة تقنية شاملة. تتعاون RTG مع شركائها المحليين والدوليين للمساعدة في بناء تجارب رقمية للعملاء، وتأسيس مراكز هندسية، وبناء مشاريع مشتركة عبر عدة صناعات ومجالات. في هذا المسعى، تعمل RTG كمحفّز للتأثير والنمو من خلال الفعاليات والمساحات والمحتوى الذي يركز على إحداث أثر ونمو عبر تفاعلات مختلفة.
فخورون بأننا جزء من Robusta Technology Group (RTG)، مجموعة استشارية تقنية رائدة. مع عقد من الخبرة ومسار حافل بتقديم أكثر من 300 مشروع عبر أوروبا والشرق الأوسط وشمال أمريكا، أصبحت RTG جهة عمل مفضلة في السوق المصري. تقوم Octopus وروبusta ببناء جسر بين أوروبا وأفريقيا، وتقديم حلول مراكز مخصصة لربط الشركات بأفضل المواهب حول العالم.
نظرة عامة على الوظيفة
نبحث عن مطور واجهة أمامية أول بخبرة 5–7 سنوات في بناء تطبيقات ويب قابلة للتوسع عالية الأداء وسهلة الوصول ضمن منصات رقمية مؤسسية. هذا الدور يركز على الواجهة الأمامية ويتطلب خبرة عميقة في أطر JavaScript الحديثة، والعمارة القائمة على المكونات، وتطوير الواجهة المتجاوبة، ودمج CMS المؤسسي — خاصة Adobe Experience Manager (AEM).
المرشح المثالي يجمع بين التنفيذ التقني القوي والملكية، والقدرات التوجيهية، والقدرة على التعاون عبر فرق متعددة التخصصات بما في ذلك التصميم، والواجهة الخلفية، وضمان الجودة، وDevOps، ومجتمعات المحتوى. الخبرة في تقديم مواقع كبيرة الحجم وغنية بالمحتوى وهندسة الواجهة المعتمدة على أنظمة التصميم أمر أساسي.
مهام الدور
هندسة الواجهة وتطويرها
قيادة تطوير تطبيقات واجهة أمامية قابلة للتوسع وسهلة الصيانة وعالية الأداء باستخدام HTML5 وCSS3 وJavaScript (ES6+) وأطر الواجهة الحديثة. تعريف وتنفيذ هندسة الواجهة، واستراتيجيات المكونات المعاد استخدامها، ومعايير الترميز. بناء مكونات واجهة قابلة لإعادة الاستخدام ومتوافقة مع أنظمة التصميم المؤسسية ونماذج الواجهة الأمامية القابلة للتوسع.
تطوير الإطار والتطبيق
تطوير حلول واجهة أمامية متقدمة باستخدام React (المفضل)، Next.js، أو Vue.js. هندسة وإدارة حالة الواجهة الأمامية، والتوجيه، واستراتيجيات العرض، وتكوين المكونات. تحسين التطبيقات الأمامية من حيث القابلية للتوسع والصيانة والقابلية للإتاحة على المدى الطويل.
دمج CMS وAEM
قيادة جهود دمج الواجهة الأمامية ضمن Adobe Experience Manager (AEM) أو منصات CMS مؤسسية مماثلة. العمل بشكل موسع مع:
- HTL/Sightly
- Clientlibs
- قوالب قابلة للتحرير
- قطع المحتوى
- قطع الخبرة
- محرر SPA
- مناقشات المكونات
التأكد من أن حلول الواجهة الأمامية صديقة للمؤلف ومتوافقة مع سير عمل تأليف محتوى CMS. التعاون مع مطوري الخلفية/AEM لإرساء عقود مكونات نظيفة ومعايير تكامل.
تنفيذ نظام التصميم
تحويل مواصفات Figma ونظام التصميم إلى تطبيقات واجهة أمامية قابلة للتوسع. تعزيز الاتساق في تنفيذ الواجهة، والطباعة، والتباعد، والوصولية، وسلوك التفاعل. الإسهام في أو الحفاظ على مكتبات المكونات المؤسسية وأطر الواجهة المشتركة.
تحسين الأداء
قيادة مبادرات أداء الواجهة الأمامية مع التركيز على:
- Core Web Vitals
- التحميل الكسول
- تقسيم الشفرة
- تحسين الصور
- تحسين الحزمة
- أداء العرض
رصد وتحسين أداء التطبيق عبر الأجهزة والمتصفحات.
الوصولية والجودة
التأكد من توافق التطبيقات مع معايير الوصول WCAG 2.1 AA. الدعوة إلى أفضل ممارسات HTML الدلالية، وممارسات الوصول، وتنفيذ التصميم الشامل. إجراء مراجعات الشفرة وفرض معايير جودة الواجهة الأمامية.
تكامل API والتوجه الخلفي
دمج تطبيقات الواجهة الأمامية مع RESTful وGraphQL APIs. دعم CMS بدون واجهة وتوجهات أمامية منفصلة حيثما كان ذلك مناسبًا. إدارة معالجة البيانات غير المتزامنة، واستراتيجيات التخزين المؤقت، وحالات الخطأ بشكل فعال.
القيادة الفنية والتوجيه
إرشاد مطوري الواجهة الأمامية المبتدئين والمتوسطين. المشاركة في مناقشات المعمارية، والتخطيط التقني، وتقدير السبرنت. تعزيز أفضل الممارسات في هندسة الواجهة الأمامية، والاختبار، والوصول، والأداء.
التعاون
العمل عن كثب مع مالكي المنتجات، ومصممي UX/UI، ومهندسي QA، ومطوري الخلفية، فرق DevOps، ومؤلفي المحتوى. المشاركة بنشاط في فعاليات Agile/Scrum والمساهمة في تخطيط التسليم.
المتطلبات
5–7 سنوات من الخبرة المهنية في تطوير الواجهة الأمامية. خبرة مثبتة في تقديم منصات ويب قطاعية أو غنية بالمحتوى على نطاق المؤسسات. خبرة قوية عملية مع Adobe Experience Manager (AEM) أو منصات CMS المؤسساتية المماثلة. خبرة في العمل ضمن فرق توصيل Agile/Scrum. خبرة في المساهمة في هندسة الواجهة واتخاذ القرارات التقنية.
المتطلبات الفنية الأساسية
أساسيات الواجهة الأمامية
إتقان مستوى خبير في:
- HTML5
- CSS3
- JavaScript (ES6+)
فهم قوي لـ:
- SCSS/SASS
- التطوير المتجاوب وتطوير الأولوية للجوال
- التوافق عبر المتصفحات
- التعزيز التدريجي
- الدعم للأوراق RTL ومتعدد اللغات
أطر الواجهة الحديثة
خبرة عملية متقدمة مع:
- React.js (المفضل)
- Next.js
- Vue.js
فهم قوي لـ:
- هندسة قائمة على المكونات
- خطاطيف React ودورة الحياة
- TypeScript
- حلول إدارة الحالة (Redux، Context API، Zustand، إلخ)
- مفاهيم SSR/SSG
خبرة AEM وCMS
خبرة عملية قوية في دمج حلول الواجهة الأمامية ضمن بيئات AEM. خبرة مع:
- محرر AEM SPA
- AEM كخدمة سحابية
- تحسين Clientlibs
- قوالب قابلة للتحرير
- سير عمل تأليف المحتوى
فهم قيود CMS المؤسسي واستراتيجيات المكونات القابلة للتأليف على نطاق واسع.
نظم التصميم وهندسة واجهة المستخدم
خبرة في بناء وصيانة أنظمة تصميم ومكتبات مكونات قابلة للتوسع. قدرة قوية على تحويل تصاميم Figma إلى واجهات جاهزة للإنتاج بدقة بصرية عالية. الإلمام بـ Tailwind CSS أو أساليب التشكيل باستخدام الوحدات يعتبر ميزة. فهم قوي للرسوم المتحركة في الواجهة وتصميم التفاعل.
الأدوات والعمل بسلاسة
إتقان قوي لـ:
- تدفقات Git
- npm/Yarn
- Webpack/Vite
- أدوات مطوري المتصفح
الإلمام بـ:
- JIRA
- خطوط أنابيب CI/CD
- Adobe Cloud Manager
- GitHub Actions
- Jenkins
الأداء، الوصولية والسيو
خبير في:
- تحسين Core Web Vitals
- تدقيق أداء الواجهة
- امتثال WCAG 2.1 AA
- أساسيات SEO التقنية
- تحسين البيانات الوصفية والHTML الدلالي
الاختبار وضمان الجودة
خبرة مع:
- Jest
- React Testing Library
- Cypress أو Playwright
- فهم لاستراتيجيات الاختبار الوظيفي والتكاملي واختبار end-to-end
من المستحب وجودها
الخبرة في بنى CMS بدون واجهة وواجهات GraphQL. الخبرة مع:
- Contentful
- Sitecore
- Storyblok
- Optimizely
الت familiarity مع Adobe Analytics، Adobe Target، أو Tealium. خبرة في دعم مواقع متعددة اللغات وتتضمن العربية/RTL. وجود تجربة في بنية microfrontend ميزة إضافية.
المهارات الشخصية
- قيادة وتوجيه قوية
- مهارات حل المشكلات والتحليل الممتازة
- اتصالات قوية وإدارة أصحاب المصلحة
- القدرة على إدارة الأولويات وتقديم عمل عالي الجودة ضمن المواعيد النهائية
- التفاصيل الدقيقة والالتزام بتفوق الواجهة الأمامية
المؤهلات التعليمية
درجة البكالوريوس في علوم الحاسب الآلي، هندسة البرمجيات، تكنولوجيا المعلومات، أو مجال ذي صلة — أو خبرة عملية مكافئة.
Description
Robusta Technology Group (RTG) is a key driver of digital transformation by providing a holistic tech ecosystem. RTG works with its local and international partners to help build digital customer experiences, establish engineering hubs, and build ventures across multiple industries and domains. In this pursuit, RTG serves as a catalyst for impact and growth through events, spaces, and content focused on creating impact and growth across different interactions.
Octopus is proud to be part of the Robusta Technology Group (RTG), a leading tech consultancy group. With a decade of experience and a successful track record of delivering over 300 projects across Europe, the Middle East, and North America, RTG has established itself as a preferred employer in the Egyptian market. Octopus and Robusta are building a bridge between Europe and Africa, creating tailored hub solutions to connect companies with top talent across the globe.
Job overview
We are seeking a Senior Frontend Developer with 5–7 years of experience building scalable, high-performance, and accessible web applications within enterprise digital platforms. This role is frontend-focused and requires deep expertise in modern JavaScript frameworks, component-driven architecture, responsive UI development, and enterprise CMS integration — particularly Adobe Experience Manager (AEM).
The ideal candidate combines strong technical execution with ownership, mentoring capabilities, and the ability to collaborate across multidisciplinary teams including design, backend, QA, DevOps, and content teams. Experience delivering large-scale, content-rich websites and design system-driven frontend architectures is essential.
Role responsibilities
Frontend architecture & development
Lead the development of scalable, maintainable, and high-performance frontend applications using HTML5, CSS3, JavaScript (ES6+), and modern frontend frameworks. Define and implement frontend architecture, reusable component strategies, and coding standards. Build modular, reusable UI components aligned with enterprise design systems and scalable frontend patterns.
Framework & application development
Develop advanced frontend solutions using React (preferred), Next.js, or Vue.js. Architect and manage frontend state, routing, rendering strategies, and component composition. Optimize frontend applications for scalability, maintainability, and long-term extensibility.
CMS & AEM integration
Lead frontend integration efforts within Adobe Experience Manager (AEM) or comparable enterprise CMS platforms. Work extensively with:
- HTL/Sightly
- Clientlibs
- Editable templates
- Content fragments
- Experience fragments
- SPA editor
- Component dialogs
Ensure frontend solutions are author-friendly and aligned with CMS content authoring workflows. Collaborate with backend/AEM developers to establish clean component contracts and integration standards.
Design system implementation
Translate Figma and design system specifications into scalable frontend implementations. Drive consistency in UI implementation, typography, spacing, accessibility, and interaction behavior. Contribute to or maintain enterprise component libraries and shared UI frameworks.
Performance optimization
Lead frontend performance initiatives focused on:
- Core Web Vitals
- Lazy loading
- Code splitting
- Image optimization
- Bundle optimization
- Rendering performance
Monitor and improve application performance across devices and browsers.
Accessibility & quality
Ensure applications meet WCAG 2.1 AA accessibility standards. Advocate for semantic HTML, accessibility best practices, and inclusive design implementation. Conduct code reviews and enforce frontend quality standards.
API & headless integration
Integrate frontend applications with RESTful and GraphQL APIs. Support headless CMS and decoupled frontend architectures where applicable. Manage asynchronous data handling, caching strategies, and error states effectively.
Technical leadership & mentorship
Mentor junior and mid-level frontend developers. Participate in architectural discussions, technical planning, and sprint estimation. Promote best practices in frontend engineering, testing, accessibility, and performance.
Collaboration
Work closely with product owners, UX/UI designers, QA engineers, backend developers, DevOps teams, and content authors. Participate actively in Agile/Scrum ceremonies and contribute to delivery planning.
Requirements
5–7 years of professional frontend development experience. Proven experience delivering enterprise-scale or content-heavy web platforms. Strong hands-on experience with Adobe Experience Manager (AEM) or similar enterprise CMS platforms. Experience working within Agile/Scrum delivery teams. Experience contributing to frontend architecture and technical decision-making.
Core technical requirements
Frontend fundamentals
Expert-level proficiency in:
- HTML5
- CSS3
- JavaScript (ES6+)
Strong understanding of:
- SCSS/SASS
- Responsive and mobile-first development
- Cross-browser compatibility
- Progressive enhancement
- RTL and multilingual frontend support
Modern frontend frameworks
Advanced hands-on experience with:
- React.js (preferred)
- Next.js
- Vue.js
Strong understanding of:
- Component-driven architecture
- React hooks and lifecycle
- TypeScript
- State management solutions (Redux, Context API, Zustand, etc.)
- SSR/SSG concepts
AEM & CMS expertise
Strong practical experience integrating frontend solutions within AEM environments. Experience with:
- AEM SPA editor
- AEM as a Cloud Service
- Clientlibs optimization
- Editable templates
- Content authoring workflows
Understanding of enterprise CMS constraints and scalable authorable component strategies.
Design systems & UI engineering
Experience building and maintaining scalable design systems and component libraries. Strong ability to convert Figma designs into production-ready interfaces with high visual accuracy. Familiarity with Tailwind CSS or utility-first styling approaches is a plus. Strong understanding of frontend animations and interaction design.
Tooling & workflow
Strong proficiency with:
- Git workflows
- npm/Yarn
- Webpack/Vite
- Browser developer tools
Familiarity with:
- JIRA
- CI/CD pipelines
- Adobe Cloud Manager
- GitHub Actions
- Jenkins
Performance, accessibility & SEO
Strong expertise in:
- Core Web Vitals optimization
- Frontend performance auditing
- WCAG 2.1 AA compliance
- Technical SEO fundamentals
- Semantic HTML and metadata optimization
Testing & quality assurance
Experience with:
- Jest
- React Testing Library
- Cypress or Playwright
- Understanding of unit, integration, and E2E testing strategies
Nice to have
Experience with headless CMS architectures and GraphQL APIs. Experience with:
- Contentful
- Sitecore
- Storyblok
- Optimizely
Familiarity with Adobe Analytics, Adobe Target, or Tealium. Experience supporting multilingual and Arabic/RTL websites. Exposure to microfrontend architecture is a plus.
Soft skills
- Strong leadership and mentoring abilities
- Excellent problem-solving and analytical skills
- Strong communication and stakeholder management skills
- Ability to manage priorities and deliver high-quality work under deadlines
- Strong attention to detail and commitment to frontend excellence
Education
Bachelor’s degree in Computer Science, Software Engineering, Information Technology, or a related field — or equivalent practical experience.