Royal Bank of Canada

Senior Front-End Developer

Royal Bank of Canada$90K — $120K *
Information Technology
Less than 5 years of experience
Job Overview by Ladders

Qualifications

  • Deep expertise in vanilla JavaScript (ES6+), CSS, and HTML without using heavy frameworks.
  • Proven ability to write efficient, lightweight front-end code with a focus on performance optimization.
  • Solid understanding of software design patterns and front-end architecture.
  • Experience with building and maintaining websites on a CMS platform such as Adobe Experience Manager.
  • Strong capability to translate creative designs into accessible, pixel-accurate interfaces.
  • Familiarity with modern build tools, Git workflows, and CI/CD practices.
  • Understanding of web accessibility standards and responsive design.

Responsibilities

  • Design and create modular, reusable front-end components using vanilla JavaScript and modern CSS.
  • Champion performance optimization for Core Web Vitals by implementing advanced caching and delivery patterns.
  • Maintain a clean, well-documented codebase using established design patterns and engineering principles.
  • Translate Figma prototypes into responsive interfaces, providing feedback to designers throughout the process.
  • Develop and enhance a shared block and component library for efficient content authoring.
  • Work collaboratively in an agile team, delivering features iteratively with designers and engineers.
  • Ensure compliance with accessibility standards, cross-browser functionality, and bilingual site requirements.

Benefits

  • Opportunity to build a new platform and engineering culture from scratch.
  • Supportive leadership focused on your growth and development.
  • Ability to make a substantial impact on projects and the team.
  • Working within a dynamic, collaborative, and high-performing environment.
  • Flexible work-life balance options available.
Full Job Description
Job Description

What is the opportunity?

We are building a new in-house Digital Experience and CMS platform within RBC's Commerce organization, powered by Adobe Experience Manager Edge Delivery Services. This is a ground-floor opportunity: you'll help shape the engineering patterns, component library, and performance standards that the rest of the team will build on for years.

EDS is a deliberate departure from heavyweight, framework-driven front ends. It rewards engineers who can express rich, interactive experiences in well-structured vanilla JavaScript, CSS, and HTML - code that loads instantly, degrades gracefully, and scores at the top of the Core Web Vitals scale. If you take pride in writing the least code necessary to do the job well, build modular blocks and plugins that other developers love to reuse, and turn thoughtful creative designs into pixel-accurate, accessible interfaces, this role is for you.

You will work directly with our UX and creative teams, content authors, and platform engineers, and you'll have a meaningful voice in design reviews, architectural decisions, and the technical direction of the platform.

What will you do?
  • Design and build performant, modular, reusable front-end components as EDS blocks and plugins using vanilla JavaScript, modern CSS, and semantic HTML - without reaching for heavyweight frameworks.
  • Champion performance as a feature: optimize for Core Web Vitals and Lighthouse scores, minimize payloads and render-blocking resources, and apply edge-delivery and caching patterns to keep experiences fast at scale.
  • Apply established design patterns and sound engineering principles to keep the codebase clean, maintainable, well-documented, and easy for other developers to extend.
  • Translate creative designs and prototypes (e.g., Figma) into accessible, responsive, pixel-accurate interfaces, and provide constructive technical feedback to designers early in the design process.
  • Build and evolve a shared component/block library and authoring model that makes it simple and safe for content authors to assemble high-quality pages.
  • Collaborate within an agile squad - assessing requirements, estimating, and delivering iteratively alongside designers, content strategists, BSAs, QA, and platform engineers.
  • Ensure every experience meets accessibility (WCAG / AODA), responsive design, cross-browser, and bilingual (EN/FR) requirements.
  • Contribute to code reviews, front-end standards, automated testing, and CI/CD pipelines; mentor developers and help raise the front-end engineering bar across the team.
  • Partner with platform and back-end engineers on the integration between EDS, the content management layer, and downstream services and APIs.


What do you need to succeed?

Must-have
  • Deep, hands-on expertise in vanilla JavaScript (ES6+), CSS, and HTML, with a demonstrated ability to build complex, interactive experiences without relying on heavy frameworks.
  • A proven track record of writing efficient, lightweight, modular, and performant front-end code, with a strong understanding of the browser rendering pipeline, Core Web Vitals, and front-end performance optimization.
  • Solid command of software design patterns and front-end architecture, and the judgment to apply them appropriately.
  • Working experience building and maintaining websites on a CMS platform (e.g., Adobe Experience Manager, or comparable enterprise CMS / DXP).
  • Strong eye for UI design and implementation: the ability to turn creative designs into accessible, responsive, pixel-accurate interfaces and to give meaningful feedback on those designs.
  • Experience with modern build tooling, Git-based workflows, and CI/CD.
  • Understanding of web accessibility standards (WCAG) and responsive, cross-device design.


Nice-to-have
  • Direct experience with Adobe Experience Manager Edge Delivery Services (EDS) - blocks, plugins, document-based authoring, and the Universal Editor.
  • Familiarity with edge / CDN delivery patterns, caching strategies, and performance budgeting.
  • Experience with AEM as a Cloud Service (AEMaaCS) and headless/headful content delivery.
  • Experience integrating analytics / data layer (e.g., Adobe Client Data Layer) and tag management.
  • Experience in regulated industries (financial services) and with bilingual (EN/FR) digital experiences.
  • Experience mentoring developers or setting front-end engineering standards on a team.


What's in it for you?

We thrive on the challenge to be our best, progressive thinking to keep growing, and working together to deliver trusted advice to help our clients thrive and communities prosper. We care about each other, reaching our potential, making a difference to our communities, and achieving success that is mutual.
  • The opportunity to help build a new platform and engineering culture from the ground up, with real influence over the patterns and standards we adopt.
  • Leaders who support your development through coaching and managing opportunities.
  • Ability to make a difference and lasting impact.
  • Work in a dynamic, collaborative, progressive, and high-performing team.
  • Flexible work/life balance options.
  • Opportunities to do challenging work and take on progressively greater accountabilities.


Job Skills
Active Learning, Agile Methodology, Application Integrations, Detail-Oriented, Enterprise Application Delivery, Group Problem Solving, Programming Languages, Software Development Life Cycle (SDLC)

Additional Job Details

Address:

RBC WATERPARK PLACE, 88 QUEENS QUAY W:TORONTO

City:

Toronto

Country:

Canada

Work hours/week:

37.5

Employment Type:

Full time

Platform:

TECHNOLOGY AND OPERATIONS

Job Type:

Regular

Pay Type:

Salaried

Posted Date:

2026-06-18

Application Deadline:

2026-07-30
Note: Applications will be accepted until 11:59 PM on the day prior to the application deadline date above

About Royal Bank of Canada

Royal Bank of Canada Careers

Join the dynamic team at Royal Bank of Canada (RBC), a global leader in financial services and a company committed to excellence and innovation. At RBC, we offer a wide range of job opportunities that empower professionals to shape their career paths with leadership, diversity training, and continuous growth.

Work You’ll Do

At Royal Bank of Canada, we are not just hiring; we are building a culture of innovation and leadership. Our team members are at the forefront of the financial industry, driving transformation and delivering targeted solutions that meet the evolving needs of our clients and communities.

Explore Job Opportunities and Employment at RBC

Whether you are starting your career or looking to take it to the next level, RBC offers positions that challenge your skills and fuel your ambition. From entry-level positions to leadership roles, our job opportunities span across various functions and regions. Join us and be part of a team that values professional growth and diversity.

Internship and Professional Development

Kickstart your career with an internship at Royal Bank of Canada. Our internships provide invaluable hands-on experience, networking opportunities, and insights into the financial services industry. Interns at RBC gain the skills necessary to excel and are often considered for full-time positions within the company.

Benefits and Culture

At RBC, we prioritize the well-being and satisfaction of our employees. Our benefits package is designed to support our team members at every stage of their life and career. RBC’s culture is built on a foundation of respect, integrity, and responsibility, fostering an environment where everyone can thrive.

Career Growth and Innovation

We believe in nurturing the potential of our employees through continuous learning and career development programs. At RBC, you will find endless opportunities to grow professionally through on-the-job experiences, formal training programs, and leadership development initiatives. Our commitment to innovation means we are constantly seeking out new ideas and perspectives, making RBC a perfect place for those who aim to lead and innovate.

Diversity and Inclusion

Diversity is our strength. At Royal Bank of Canada, we are committed to building an inclusive workplace where every employee feels valued and respected. Our diversity training programs are designed to educate and inspire, creating a more inclusive and equitable workplace.

Join Our Team

Search open positions that match your skills and interests. We look for passionate, curious, creative, and solution-driven team players. Start your journey with RBC today and be part of a world-class team known for its commitment to client service, community involvement, and innovation.

Stay Connected

Keep up to date with career tips, insider perspectives, and industry-leading insights you can put to use today—all from the people who work here at Royal Bank of Canada.

Job Alert Emails

Personalize your subscription to receive job alerts, latest news, and insider tips tailored to your preferences. Discover the exciting and rewarding career opportunities awaiting you at RBC. Explore the possibilities with Royal Bank of Canada, where your future is filled with potential and the path to success is paved with countless opportunities for professional and personal growth. Join us and shape not just your career but the future of the financial industry.
Learn more about Royal Bank of Canada
Size
86,007 employees
Market Cap
$130.3 billion
Industry
5 Year Trend
+8.7%
NASDAQ

Similar Jobs

More Jobs at Royal Bank of Canada

More Information Technology Jobs

Find similar Senior Front-End Developer jobs: