Key Responsibilities

• Design, develop, and maintain complex Angular applications (v19+) using modern best practices
• Architect reusable component libraries and establish design patterns across the platform
• Collaborate with UX/UI designers to implement pixel-perfect, responsive interfaces
• Optimize application performance, bundle sizes, and runtime efficiency
• Write clean, maintainable code with comprehensive unit and integration tests
• Lead code reviews and mentor junior/mid-level developers
• Participate in technical planning, estimation, and sprint activities
• Integrate RESTful APIs and GraphQL endpoints with robust error handling
• Ensure cross-browser compatibility and accessibility (WCAG 2.1)
• Drive technical decisions around state management, architecture, and tooling

Required Qualifications

• 5+ years of professional front-end development experience
• 3+ years of hands-on Angular development (versions 12+)
• Expert-level knowledge of TypeScript, RxJS, and reactive programming patterns
• Strong proficiency in HTML5, CSS3/SCSS, and modern JavaScript (ES6+)
• Experience with NgRx or similar state management solutions
• Solid understanding of Angular CLI, dependency injection, lazy loading, and change detection
• Proficient with RESTful API integration and asynchronous operations
• Experience writing unit tests (Jasmine/Karma or Jest) and E2E tests (Cypress/Playwright)
• Familiarity with build tools (Webpack, Vite), package managers (npm/pnpm), and CI/CD pipelines
• Strong understanding of responsive design, CSS Grid, Flexbox, and mobile-first principles
• Excellent problem-solving skills and attention to detail
• Strong communication and collaboration abilities
• Understanding of Agile/Scrum methodologies
• Fluent English communication skills (written and verbal) — ability to clearly articulate technical concepts, participate in team discussions, code reviews, and documentation

Nice to Have

• Experience with standalone components and modern Angular features (signals, control flow)
• Experience with micro-frontends and Module Federation
• Familiarity with other frameworks (React, Vue) for comparative understanding
• Familiarity with Ionic Framework and Capacitor for building cross-platform mobile applications (iOS/Android)
• Backend development experience (Node.js, .NET, Java)
• Experience with cloud platforms (Azure, AWS, GCP) and containerization (Docker, Kubernetes)
• Contributions to open-source projects or technical writing/speaking
• Knowledge of Web Components, accessibility standards, and performance optimization techniques
• Experience with design systems (Material, Ant Design, custom libraries)

Tech Stack

• Front-End: Angular 18+, TypeScript, RxJS, SCSS, Tailwind CSS, Nodejs
• Testing: Jasmine, Karma, Cypress, Playwright
• Tooling: Webpack, ESLint, Prettier
• Infrastructure: Azure, Docker, Kubernetes, CI/CD (Azure DevOps/GitHub Actions)

About Manulife and John Hancock

Manulife Financial Corporation is a leading international financial services provider, helping people make their decisions easier and lives better. To learn more about us, visit https://www.manulife.com/en/about/our-story.html.

Manulife is an Equal Opportunity Employer

At Manulife/John Hancock, we embrace our diversity. We strive to attract, develop and retain a workforce that is as diverse as the customers we serve and to foster an inclusive work environment that embraces the strength of cultures and individuals. We are committed to fair recruitment, retention, advancement and compensation, and we administer all of our practices and programs without discrimination on the basis of race, ancestry, place of origin, colour, ethnic origin, citizenship, religion or religious beliefs, creed, sex (including pregnancy and pregnancy-related conditions), sexual orientation, genetic characteristics, veteran status, gender identity, gender expression, age, marital status, family status, disability, or any other ground protected by applicable law.

It is our priority to remove barriers to provide equal access to employment. A Human Resources representative will work with applicants who request a reasonable accommodation during the application process. All information shared during the accommodation request process will be stored and used in a manner that is consistent with applicable laws and Manulife/John Hancock policies. To request a reasonable accommodation in the application process, contact [email protected].

In Office