الوصف
مجموعة روبستا التكنولوجيا (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.
المهارات الناعمة
مهارات قوية في حل المشكلات وتتبع الأخطاء
اتصال وتعاون ممتازان
القدرة على العمل بشكل مستقل وتحت إشراف محدود
اهتمام عالي بالتفاصيل وجودة واجهة المستخدم
مهارات إدارة الوقت وتحديد أولويات المهام
التعليم
درجة البكالوريوس في علوم الحاسوب، الهندسة البرمجية، تقنية المعلومات، أو مجال ذي صلة — أو خبرة عملية معادلة.
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 the 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 looking for a skilled frontend developer with 3–5 years of experience building modern, responsive, and accessible web applications. This role is frontend-focused, requiring strong expertise in HTML, CSS, JavaScript, and modern frontend frameworks, along with hands-on experience integrating frontend solutions within Adobe Experience Manager (AEM) or similar enterprise CMS platforms such as Sitecore, Contentful, Storyblok, or WordPress.
The ideal candidate should have experience developing reusable UI components, implementing responsive designs from Figma, and collaborating closely with backend developers, QA, designers, and content authors in Agile environments.
Role responsibilities
UI development
Build responsive, accessible, and high-performance user interfaces using HTML5, CSS3, and modern JavaScript (ES6+). Develop clean, maintainable, and scalable frontend code following modern best practices.
Component-based development
Create reusable UI components aligned with design systems and component-driven architecture principles. Ensure consistency across pages and applications through shared component libraries.
Frontend framework development
Develop interactive web experiences using React (preferred), Next.js, or Vue.js. Implement component state management and frontend application logic effectively.
CMS integration
Integrate frontend components within Adobe Experience Manager (AEM) or other enterprise CMS platforms. Work with AEM concepts such as:
HTL/Sightly
Clientlibs
Editable templates
Content fragments
Experience fragments
Component dialogs
Ensure frontend implementations support authoring workflows and configurable content structures.
Design implementation
Convert Figma or similar design files into pixel-perfect responsive interfaces. Maintain consistency with design tokens, typography, spacing, and branding guidelines.
Cross-browser & responsive support
Ensure compatibility across modern browsers, devices, and screen sizes. Support RTL layouts and multilingual websites where applicable.
Performance optimization
Apply frontend optimization techniques including:
Lazy loading
Image optimization
Bundle optimization
Core Web Vitals improvements
Accessibility
Develop accessible interfaces compliant with WCAG 2.1 AA standards. Implement semantic HTML, keyboard navigation, ARIA attributes, and screen reader support.
API integration
Consume RESTful and GraphQL APIs from frontend applications. Handle data mapping, loading states, and error handling efficiently.
Code quality & testing
Write clean, modular, and testable code. Participate in peer code reviews and follow coding standards and linting rules. Debug and resolve frontend defects and integration issues efficiently.
Collaboration
Collaborate with designers, backend developers, AEM developers, QA engineers, and product owners in Agile/Scrum teams. Support content authors and ensure CMS-rendered pages function correctly.
Requirements
3–5 years of hands-on frontend development experience. Strong experience building production-grade websites or enterprise web applications. Hands-on experience working within at least one enterprise CMS platform:
Adobe Experience Manager (preferred)
Sitecore
Contentful
Storyblok
WordPress
Experience working in Agile/Scrum environments.
Core technical requirements
Frontend fundamentals
Strong proficiency in:
HTML5
CSS3
JavaScript (ES6+)
Experience with SCSS/SASS or similar CSS preprocessors. Strong understanding of responsive and mobile-first development. Cross-browser compatibility and progressive enhancement techniques. Basic internationalization and RTL support experience.
Modern frontend frameworks
Hands-on experience with:
React.js (preferred)
Next.js
Vue.js
Understanding of:
Component-based architecture
Hooks and state management
TypeScript basics
Familiarity with state management libraries such as Redux, Context API, or Zustand.
CMS experience
Experience integrating frontend applications into enterprise CMS platforms. Understanding CMS authoring constraints and editable component structures. Ability to collaborate effectively with backend/AEM developers on component contracts and data structures.
UI & design systems
Ability to accurately translate Figma designs into maintainable frontend code. Experience working with:
Design systems
Design tokens
Shared component libraries
Familiarity with Tailwind CSS is a plus. Understanding of animations and UI interactions using CSS and JavaScript.
Tooling & development workflow
Proficiency with:
Git
npm/Yarn
Webpack or Vite
Experience using browser developer tools for debugging and performance analysis. Familiarity with JIRA or similar project management tools.
Performance, accessibility & SEO
Strong understanding of:
Core Web Vitals
Frontend optimization techniques
WCAG 2.1 AA accessibility standards
SEO best practices for semantic markup and metadata
Nice to have
Experience with AEM as a Cloud Service. Experience with AEM SPA Editor using React. Headless CMS and GraphQL experience. Exposure to:
Adobe Target
Adobe Analytics
Tealium
Unit testing using Jest or React Testing Library
E2E testing with Cypress or Playwright
Exposure to CI/CD pipelines such as:
Adobe Cloud Manager
GitHub Actions
Jenkins
Experience working on Arabic or RTL websites.
Soft skills
Strong problem-solving and debugging skills
Excellent communication and collaboration abilities
Ability to work independently with minimal supervision
High attention to detail and focus on UI quality
Strong time management and task prioritization skills
Education
Bachelor’s degree in Computer Science, Software Engineering, Information Technology, or a related field — or equivalent practical experience.