Key Responsibilities :
- Develop AEM front-end components, templates, ClientLibs, and reusable UI modules.
- Implement responsive and accessible user interfaces using HTL, JavaScript, TypeScript, React, Angular, or Vue.js.
- Integrate front-end components with Sling Models, REST APIs, and GraphQL APIs.
- Build and optimize Content Fragments, Experience Fragments, and AEM Edge Delivery experiences.
- Create reusable CSS and UI patterns aligned with enterprise brand guidelines and design systems.
- Use Cursor IDE and GenAI coding assistants for accelerated front-end development workflows.
- Optimize website performance, Core Web Vitals, and Lighthouse scores.
- Implement personalization and tracking using Adobe Target, Adobe Analytics, and Adobe Launch.
- Collaborate with UX/UI designers to implement pixel-perfect interfaces from Figma or Adobe XD.
- Participate in Agile ceremonies, sprint planning, code reviews, and deployment activities.
- Support CI/CD deployments using Adobe Cloud Manager, Git, Jenkins, Webpack, and Vite.
Must-Have Skills :
Front-End Technologies :
- Strong expertise in HTML5, CSS3, JavaScript, TypeScript.
- Proficiency in React, Angular or SPA-based architecture.
- Experience with responsive web design and modern CSS techniques.
AEM Front-End Expertise :
- Strong hands-on experience with HTL (Sightly), Sling Models, AEM Client Libraries (ClientLibs), and AEM Core Components.
- Experience integrating front-end code with AEM templates, workflows, and APIs.
- Knowledge of Content Fragments, Experience Fragments, and Edge Delivery Services.
UI Frameworks & Styling :
- Experience with Bootstrap, Tailwind CSS, Material UI, or similar UI frameworks.
- Knowledge of SASS, LESS, PostCSS, and CSS methodologies such as BEM or OOCSS.
- Familiarity with enterprise design systems and reusable component development.
Performance & Accessibility :
- Strong understanding of Core Web Vitals, lazy loading, minification, caching, and image optimization.
- Experience implementing WCAG accessibility standards and browser compatibility testing.
AI-Assisted Development :
- Experience using Cursor, GitHub Copilot, or GenAI-powered coding assistants.
Nice-to-Have Skills :
- Experience with SPA Editor and headless CMS implementations.
- Familiarity with Adobe Experience Platform (AEP) and Adobe Journey Optimizer.
- Exposure to Storybook and component-driven UI development.
- Basic understanding of AEM backend architecture.