Associate Engineer (Front End)

Xero

Calgary

Hybrid

CAD 109,000 - 136,000

Full time

14 days+
Application generator

Turn this role into an interview — a resume and cover letter built around what this employer wants.

Get past ATS filters

Job summary

Xero in Calgary is seeking an Associate Engineer to write clean, reliable code and deliver well-defined features that directly support our product outcomes. Working with senior engineers, you will solve day-to-day technical challenges, design tests, and debug to maintain system health.

By bringing curiosity and a data-driven mindset, you will help keep our systems robust and aligned with customer needs, taking ownership and sharing knowledge in a supportive, inclusive environment where

Qualifications

  • Experience building web applications with modern JavaScript, HTML, and CSS.
  • Experience with React and connecting front end to REST APIs.
  • Comfort with Git and pull request reviews.
  • Attention to UI/UX quality and debugging.
  • Curiosity about AI tools to automate tasks.
  • Knowledge of TypeScript and testing frameworks is a plus.

Responsibilities

  • Develop front-end features with React and modern JS.
  • Integrate front-end with back-end REST APIs.
  • Write tests to ensure code quality and maintainability.
  • Debug using logs and dashboards to maintain system health.
  • Collaborate with senior engineers and participate in code reviews.

Skills

JavaScript
React
HTML
CSS
REST APIs
Git & PRs
UI/UX
Debugging
AI tools
TypeScript
Testing (Jest/Cypress)
Web accessibility

Tools

Git

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

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.

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)

Jobs in JS • Calgary

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

Apply • Vancouver

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

Xero • Vancouver

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

Apply • Vancouver

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

Apply • Vancouver

Hybrid
CAD 155,000 - 205,000
Equity
Comprehensive health benefits
Hybrid work model
+1
Engineer
Engineer

Xero • Vancouver

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

Xero • Vancouver

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

Apply • Toronto

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

Xero • Vancouver

On-site
CAD 130,000 - 150,000