Associate Engineer (Front End)

Jobs in JS

Calgary

Hybrid

CAD 109,000 - 136,000

Full time

14 days+
Application generator

A complete application in a minute — tailored resume and cover letter, ready to send.

Get past ATS filters

Job summary

Xero is seeking an Associate Engineer in Calgary, Canada to join a collaborative engineering team. You will write clean, reliable code and deliver features that align with product outcomes, working alongside senior engineers to tackle daily technical challenges.

You will design tests, debug with logs and dashboards, and contribute to a robust system while embracing a data-driven mindset and a culture of continuous learning. Hybrid work model offered in Canada.

Qualifications

  • Hands-on experience building web applications using modern JavaScript, HTML, and CSS.
  • Experience with React and connecting front-end interfaces to REST APIs.
  • Familiarity with version control (Git) and PR reviews.
  • Strong eye for UI/UX details, quality, and debugging locally.
  • Interest in leveraging AI tools to streamline workflows.

Responsibilities

  • Write clean, reliable code and deliver well-defined features.
  • Collaborate with senior engineers to solve day-to-day challenges.
  • Design tests to ensure high quality and reliability.
  • Debug using logs and dashboards to maintain system health.
  • Explore AI tools to increase efficiency and automate tasks.

Skills

JavaScript
React
HTML/CSS
REST API integration
UI/UX awareness
TypeScript
Testing (Jest/Cypress)
AI curiosity

Tools

Git
REST APIs
Jest
Cypress
UI component libraries
Web accessibility

Job description

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
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

Get your free, confidential resume review.

or drag and drop your file here.

Similar jobs

Similar jobs worth comparing

Associate Engineer (Front End)
Associate Engineer (Front End)

Xero • Calgary

Hybrid
CAD 109,000 - 136,000
Associate Engineer (Back End)
Associate Engineer (Back End)

Xero • Calgary

On-site
CAD 109,000 - 136,000
Principal Engineer
Principal Engineer

Xero • Vancouver

On-site
CAD 228,000 - 285,000
Annual bonus
RSU equity
Wellbeing days
+2
Principal Engineer
Principal Engineer

Apply • Vancouver

On-site
CAD 171,000 - 285,000
Health insurance
Wellbeing days
Professional development budget
+1
Senior Engineer
Senior Engineer

Xero • Vancouver

On-site
CAD 155,000 - 205,000
Variable Pay and Equity
Comprehensive Benefits
Wellbeing initiatives
+1
Engineer
Engineer

Xero • Vancouver

On-site
CAD 130,000 - 150,000
Lead Engineer
Lead Engineer

Apply • Toronto

On-site
CAD 186,000 - 236,000
Comprehensive Benefits
Performance incentives
Wellbeing initiatives
Senior Engineer
Senior Engineer

Xero Limited • Vancouver

Hybrid
CAD 155,000 - 205,000
World-class benefits
Hybrid Vancouver office
Professional development
Engineer
Engineer

Xero • Vancouver

Hybrid
CAD 132,000 - 150,000
Wellbeing days
Professional development budget
Equity (RSU) programs
Engineer
Engineer

Apply • Vancouver

Hybrid
CAD 132,000 - 150,000
Wellbeing days
Generous leave
Professional development budget
+1