Associate Engineer (Front End)

Calgary, AB
Hybrid
Posted Sep 26, 2026
1 position

$109,100–$136,400 / year

Opens an external site

Employment type: Full-time
Experience level: Entry, Junior · 0+ years
Posting language: English
Working hours: 40 hours per week
Location requirements: Country, Canada

Job summary

You will develop front-end features using modern JavaScript, HTML, CSS, and React while integrating with back-end REST APIs. Additionally, you will collaborate with senior engineers to solve technical challenges, debug code, and maintain system health.

Job details

The role As an Associate Engineer, you will help supercharge small businesses by writing clean, reliable code and delivering well-defined features that directly support our product outcomes. Working alongside senior engineers, you will solve day-to-day technical challenges, design tests to ensure high quality, and debug code using logs and dashboards to maintain system health. By bringing curiosity and a data-driven mindset, you will help keep our systems robust and aligned with customer needs. You will take ownership of your work, proactively share knowledge, and contribute to a supportive, inclusive environment where continuous learning drives success. The team & how they connect Our engineering teams work collaboratively to build and maintain scalable technology for small businesses. We value open communication, thoughtful discussion, and working together across functions to remove blockers and solve problems efficiently. The team is currently working on Developing front end features using HTML, CSS, and modern JavaScript (ES6+) with React Integrating front end applications with back end REST APIs Utilising modern delivery and collaboration practices such as pair programming and continuous improvement Exploring artificial intelligence tools to increase efficiency and automate routine tasks Where and how you can work We support a flexible working model that empowers you to balance your professional and personal life. You will have the option to work in a hybrid capacity, combining the focus of remote work with the collaboration of our office spaces and team boost days to foster connection and alignment. Here are some of the things we are looking for Hands-on experience building web applications using modern JavaScript, HTML, and CSS Practical exposure to React and an understanding of connecting front end interfaces to REST APIs Comfort navigating version control using Git and participating in pull request code reviews A sharp eye for UI/UX details, quality standards, and confidence debugging code locally Curiosity about leveraging AI tools to streamline everyday workflows and tasks Familiarity with TypeScript, testing frameworks (like Jest or Cypress), component libraries, or web accessibility principles is a plus Xero uses AI to help screen applications based on job-related qualifications. These tools assist our recruiters but do not make automated hiring decisions. A human recruiter reviews all candidates before any hiring action is taken. Apply even if your experience isn't a perfect match! At Xero, we hire based on your skills, passion, and the unique perspective you can bring to enhance our culture and team. Compensation & Total Rewards At Xero, we value the impact and skills you bring to the team. We believe in a Total Package philosophy - ensuring your value is recognised through a holistic lens that includes base salary, performance incentives, and world-class benefits. The expected base salary range for this role is $109,100 - $136,400 CAD

What you’ll do

Requirements

The role requires hands-on experience building web applications with modern JavaScript, HTML, and CSS, along with practical exposure to React. Candidates should be comfortable with version control using Git and possess a strong eye for UI/UX details and quality standards.