تسعى Adree إلى توظيف مطوّر UI (Liferay) ذو مهارة وتوجّه دقيق لتصميم وبناء وتحسين واجهات بوابة المؤسسات وتجاربه الرقمية باستخدام منصة Liferay DXP. في هذا الدور، ستتحمل مسؤولية ترجمة مخططات UI/UX والمتطلبات التجارية إلى قوالب سريعة الاستجابة وعالية الأداء من Liferay تشمل الثيمات والتخطيطات والقطع والواجهات الأمامية. بالعمل عند تقاطع بنية بوابة المؤسسات والهندسة الأمامية الحديثة، ستضمن تجارب مستخدم سلسة وتناسقاً بصرياً وأداءً مثالياً عبر جميع الحلول الرقمية المؤسسية.
الأدوار والمسؤوليات الأساسية
- تنفيذ واجهة مستخدم Liferay: تصميم وتخصيص وتنفيذ ثيمات Liferay DXP وتخطيطات القوالب ومبادِئ الموقع وقطع UI باستخدام امتدادات عميل Liferay ونظام Clay Design.
- تطوير الواجهة الأمامية: تطوير واجهات ويب سريعة الاستجابة وتفاعلية وقابلة للوصول باستخدام تقنيات الواجهة الأمامية الحديثة (HTML5، CSS3/SASS، JavaScript، ES6) بجانب أطر مثل React أو Angular داخل Liferay.
- تصميم المكونات والقوالب: إنشاء مكونات UI قابلة لإعادة الاستخدام وقوالب Freemarker مخصصة وقوالب أدوات (ADT) لضمان الاتساق التصميمي عبر مواقع البوابة.
- الدمج واستهلاك API: ربط مكونات واجهة المستخدم الأمامية مع REST APIs في Liferay وGraphQL والخدمات الخلفية غير المُدارة لعرض المحتوى الديناميكي بكفاءة.
- تصميم النظام والامتثال لتجربة المستخدم: التعاون عن كثب مع مصممي UI/UX لتحويل mockups من Figma/Adobe XD إلى صفحات Liferay بكسل-مثالي ومتوافقة عبر المتصفحات والهاتف المحمول.
- تحسين الأداء: تحسين أداء الواجهة الأمامية للبوابة وأوقات تحميل الصفحات والتخزين المؤقت على جانب العميل وعرض DOM عبر متصفحات وأجهزة مختلفة.
- التعاون والدعم: العمل مع مطوري Java/Liferay الخلفيين، محللي الأعمال وفرق QA لدمج واختبار واستكشاف أخطاء مكوّنات UI طوال دورة الحياة Agile.
الملف الشخصي المرغوب للمترشح
- شهادة البكالوريوس في علوم الكمبيوتر أو تكنولوجيا المعلومات أو هندسة البرمجيات أو مجال ذي صلة.
- 3–5 سنوات من الخبرة في تطوير الويب الأمامي، مع خبرة مكرسة لا تقل عن سنتين في تطوير UI لـ Liferay DXP (7.x / Enterprise).
- سجل قوي في تقديم واجهات بوابة مؤسسية سريعة الاستجابة وثيمات Liferay مخصصة.
- إتقان في منظومة Liferay: خبرة عملية في تطوير ثيمات DXP وFreemarker وClay UI وإضافات Liferay وFragments.
- تكنولوجيا الواجهة الأمامية الأساسية: إتقان HTML5 وCSS3 وSASS/LESS وJavaScript (Vanilla/ES6+) وBootstrap/Clay CSS.
- أطر JS الحديثة: فهم جيد لـ React.js أو Angular/Vue.js لبناء عناصر واجهة أمامية حديثة لـ Liferay.
- Headless & APIs: خبرة في استهلاك RESTful APIs وJSON وGraphQL داخل تطبيقات Liferay.
- تكامل أدوات التصميم: راحة في العمل مباشرة من أدوات التصميم مثل Figma وZeplin أو Adobe XD.
- التحكم في الإصدارات وأدوات البناء: كفاءة في Git وnpm وwebpack وLiferay Developer Studio / Blade CLI.
- حل المشكلات والدقة: اهتمام قوي بالتفاصيل والطباعة والمسافات والتوافق عبر المتصفحات والأجهزة.
- معرفة بمعماريّة Headless لـ Liferay وواجهة Liferay Objects UI extension.
- فهم أساسي لـ Java/JSP لتخصيص Liferay القديم عند الحاجة.
- التعرّض لمعايير الوصول إلى الويب (WCAG 2.1).
- شهادة مطور واجهات أمامية لـ Liferay (مفضلة بشدة).
Adree is seeking a skilled and detail-oriented UI (Liferay), Developer to design, build, and optimize enterprise portal interfaces and digital web experiences using the Liferay DXP platform. In this role, you will be responsible for translating UI/UX wireframes and business requirements into responsive, high-performance Liferay themes, layout templates, fragments, and front-end portlets. Operating at the intersection of enterprise portal architecture and modern front-end engineering, you will ensure seamless user experiences, visual consistency, and optimal performance across all enterprise digital solutions.
Key Roles and Responsibilities
- Liferay UI Implementation: Design, customize, and implement Liferay DXP themes, layout templates, site initializers, and UI fragments using Liferay s Client Extensions and Clay Design System.
- Front-End Development: Develop responsive, interactive, and accessible web interfaces using modern front-end technologies (HTML5, CSS3/SASS, JavaScript, ES6) alongside frameworks like React or Angular inside Liferay.
- Component & Template Design: Build reusable UI components, custom Freemarker templates, and widget templates (ADT) to enforce design consistency across portal sites.
- Integration & API Consumption: Bind front-end UI components with Liferay REST APIs, GraphQL, and backend headless services to render dynamic portal content efficiently.
- Design System & UX Compliance: Collaborate closely with UI/UX Designers to translate Figma/Adobe XD mockups into pixel-perfect, cross-browser, and mobile-responsive Liferay pages.
- Performance Tuning: Optimize portal front-end performance, page load times, client-side caching, and DOM rendering across various browsers and devices.
- Collaboration & Support: Work with Java/Liferay backend developers, Business Analysts, and QA teams to integrate, test, and troubleshoot UI components throughout the Agile lifecycle.
Desired Candidate Profile
- Bachelor s degree in Computer Science, Information Technology, Software Engineering, or a related field.
- 3 5 years of experience in Front-End Web Development, with at least 2+ years of dedicated experience developing UI for Liferay DXP (7.x / Enterprise) .
- Solid track record of delivering responsive enterprise portal interfaces and custom Liferay themes.
- Liferay Ecosystem Mastery: Hands-on expertise with Liferay DXP theme development, Freemarker, Clay UI framework, Liferay Fragments, and Client Extensions.
- Core Front-End Tech: Advanced proficiency in HTML5, CSS3, SASS/LESS, JavaScript (Vanilla/ES6+), and Bootstrap/Clay CSS.
- Modern JS Frameworks: Good understanding of React.js or Angular/Vue.js for building modern Liferay front-end widgets.
- Headless & APIs: Experience consuming RESTful APIs, JSON, and GraphQL within Liferay applications.
- Design Tool Integration: Comfort working directly from design tools like Figma, Zeplin, or Adobe XD.
- Version Control & Build Tools: Proficiency in Git, npm, webpack, and Liferay Developer Studio / Blade CLI.
- Problem Solving & Precision: Strong attention to detail, typography, spacing, and cross-browser/cross-device compatibility.
- Familiarity with Liferay Headless architecture and Liferay Objects UI extension.
- Basic understanding of Java/JSP for legacy Liferay customization when needed.
- Exposure to Web Accessibility Standards (WCAG 2.1).
- Liferay Front-End Developer Certification (Highly Preferred).