Front-End Developer, DX Studio - 18-Month Contract

At Loblaw Digital, we know that our customers expect the best from us. Whether that means building the best, most innovative online shopping experience, or designing an app that will impact the lives of people across the country, we’re up for the challenge. From our office in Downtown Toronto, we’ve created leading eCommerce experiences in the online grocery shopping, beauty, pharmacy, and apparel spaces, and we’re only just getting started.

Why is this role important?

Front-End Developer, DX Studio

This is a 18 month parental leave contract.

DX Studio is a collaborative, multidisciplinary group within LDML focused on creating exceptional digital experiences that are engaging, and easy to use. By bringing together expertise across design, content and copy, and web development, we turn ideas into polished, seamless solutions that support our customers and business partners.

Why is this role important?
As a Front-End Developer (contract) in DX Studio, you will contribute to building reliable, and engaging digital experiences for Loblaw Digital’s customers and internal teams.
You will work closely with other developers, designers, product managers, and other partners throughout the software development lifecycle. You will be encouraged to ask questions, share ideas, and develop a deeper understanding of the products and technologies you work with.

Reporting to the Software Engineering Manager, you will help build and improve user-facing applications using JavaScript and React. You will also contribute to testing, resilient application design, and the ongoing quality of the team’s work.

This role is well suited to someone who is curious, attentive to detail, and eager to grow their technical skills in a collaborative, fast-paced environment.

What You’ll Do

• Build and maintain user-facing features using JavaScript and React.
• Translate designs and product requirements into polished, responsive digital experiences.
• Pay close attention to layout, spacing, interactions, accessibility, and overall design quality.
• Collaborate with designers, developers, product managers, and other cross-functional partners.
• Write and maintain automated unit and functional tests with guidance from more experienced team members.
• Apply basic failsafe and defensive design principles to create reliable user experiences.
• Investigate defects, troubleshoot issues, and contribute to practical solutions.
• Participate in code reviews and incorporate feedback to improve code quality.
• Break project goals and product requirements into clear, manageable development tasks.
• Contribute to technical documentation and team knowledge sharing.
• Take ownership of assigned work and deliver features with quality and on time.
• Explore new projects, tools, and technologies with curiosity and a drive to understand how they work.
• Communicate progress, questions, risks, and technical concepts concisely and clearly.

What You’ll Need
You are an early-career developer who is eager to learn, contribute, and grow in a collaborative engineering environment.

Required experience and skills

• Experience with JavaScript and React.
• Understanding of HTML, CSS, and responsive web development.
• Understanding of accessibility standards.
• Strong attention to detail when implementing designs.
• Basic understanding of component-based application development.
• Basic understanding of writing automated unit and functional tests.
• Familiarity with failsafe, defensive, and error-handling practices.
• Ability to troubleshoot issues and learn from feedback.
• Experience using version control tools such as Git.
• Ability to work effectively in a team environment.
• Curiosity and willingness to learn unfamiliar projects, technologies, and business domains.
• Clear, concise, and effective communication skills.

Other beneficial experience

• Experience working with any or all of the following:
  • TypeScript
  • modern React frameworks and development tools
  • next.js
  • turborepo
  • Contentful, or other CMS systems
  • testing libraries such as Jest, React Testing Library, Cypress, or Playwright
• Experience with accessibility and inclusive design practices.
• Familiarity with design systems or reusable component libraries.
• Experience consuming RESTful APIs.
• Exposure to continuous integration and continuous delivery practices.
• Familiarity with monitoring, logging, or frontend performance tools.
• Experience working with designers and translating design files into production-ready interfaces.
• Understanding of basic web performance, browser compatibility, and application security concepts.

How You’ll Succeed: 

At Loblaw Digital, we seek great people to continually strengthen our culture. We believe great people model our values, are authentic, build trust and make connections. 

We’re able to keep innovating because our colleagues are passionate about their work and excited about the future of eCommerce.

If you have big ideas, undeniable enthusiasm, and thrive in a collaborative, creative, and diverse group, we’ll get along just fine.

Looking for a challenge? Good. Love an innovative work environment? Even better.

Apply today.

Employment Type:

Full time

Type of Role:

Temporary with Benefits (Fixed Term)

Loblaw Digital recognizes Canada's diversity as a source of national pride and strength. We have made it a priority to reflect our nation’s evolving diversity in the products we sell, the people we hire, and the culture we create in our organization. Accommodation is available upon request for applicants with disabilities in the recruitment and assessment process and when hired.

In addition, we believe that compliance with laws is about doing the right thing.  Upholding the law is part of our Code of Conduct – it reinforces what our customers and stakeholders expect of us.

Hiring Range / Échelle salariale à l’embauche :

$80,000.00 - $110,000.00 / 80.000,00$ - 110.000,00$ (per year / par an)

A candidate’s experience and knowledge as well as the geographical region in which the position is located may be factored into the pay a candidate receives for this position. This posting is for an existing vacancy. The Company uses artificial intelligence for the purpose of screening, assessing and/or selecting applicants for this position. / L’expérience et les connaissances d’un candidat ainsi que la région géographique dans laquelle le poste est situé peuvent être prises en compte dans la rémunération qu’un candidat reçoit pour ce poste. Cette offre d’emploi concerne un poste vacant existant. L’entreprise utilise l’intelligence artificielle dans le but de filtrer, d’évaluer et/ou de sélectionner les candidats à ce poste.

#EN

#SS #LD #ON