Key Responsibilities
Frontend Architecture & Design: Define and maintain a scalable UI architecture using Angular and TypeScript.Component Development: Build reusable and modular UI components to enhance application maintainability.Performance Optimization: Identify and resolve UI performance bottlenecks, ensure responsive design, and improve load times.Integration with Backend: Work closely with Java-based APIs and implement efficient data-binding strategies.Customization & User Preferences: Manage UserCustomizationsService to persist grid settings and UI configurations.Routing & Navigation Handling: Ensure proper URL redirections and access control within the application.Testing & Code Quality: Implement unit tests (Jest/Karma) and end-to-end testing (Cypress/Protractor) to maintain high-quality standards.Debugging & Issue Resolution: Handle production issues related to UI behavior, redirections, and API integrations.Collaboration: Work with product managers, UX designers, and backend engineers to ensure a seamless user expeSkill requirement
Must-Have Skills (Core Requirements)
· Frontend Technologies: Angular (latest versions), TypeScript, JavaScript, HTML5, CSS3
· State Management & Services: RxJS, NgRx, Dependency Injection
· Component Development: Reusable UI components, Angular Material, custom directives
· API Integration: REST APIs, HTTP Interceptors, authentication handling (SAML-based SSO)
· Routing & Navigation: Angular Router, handling complex URL redirections
· Frontend Performance Optimization: Lazy loading, code splitting, caching strategies
· User Preferences & Storage: LocalStorage, SessionStorage for grid customizations
· Testing & Debugging: Jest, Karma for unit testing, Cypress/Protractor for e2e testing
· Version Control & Collaboration: Git, Jira, Confluence
· Build & Deployment: Webpack, Nx, CI/CD pipeline integration
Good-to-Have Skills (Preferred but Not Mandatory)
· Other UI Frameworks: Knowledge of ReactJs (helpful for migration projects)
· Micro Frontends: Experience with module federation and micro-frontend architectures
· Performance Profiling Tools: Web Vitals, Lighthouse, Chrome DevTools
· Accessibility & UI Enhancements: WCAG compliance, ARIA roles
· GraphQL: Alternative to REST for optimized API queries
· Cloud & DevOps Exposure: Basic understanding of AWS/Azure, Docker, Kubernetes
· Server-Side Rendering (SSR): Knowledge of Angular Universal for SEO optimization
· Design Systems & UX Understanding: Working with Figma, Adobe XD, or similar tools
HARMAN is proud to be an Equal Opportunity / Affirmative Action employer. All qualified applicants will receive consideration for employment without regard to race, religion, color, national origin, gender (including pregnancy, childbirth, or related medical conditions), sexual orientation, gender identity, gender expression, age, status as a protected veteran, status as an individual with a disability, or other applicable legally protected characteristics.