Senior Front End Angular Developer
- Toronto, ON, Canada
$80 to $90 CAD / hour · Contract
Applications open in a new tab.
Job details
- Pay
- $80 to $90 CAD / hour
- Job type
- Contract
- Apply by
- Experience
- 5 years of professional Angular development experience, including Angular upgrade/migration work (e.g., major version upgrades, Angular Update Guide usage).
- Working hours
- 37.5 hours/week
- Posting language
- English
- Posted
Original job description
Senior Front End Angular Developer
Location: Toronto, ON
Onsite Flexibility: Hybrid (Every Thursday and 1 Friday/month)
Contract Details
- Position Type: Contract
- Contract Duration: 6 months (with potential for extension and FTE conversion)
- Pay Rate: C$80.00–C$90.00 / Hour (CAD)
- Shift / Schedule: 37.5 hours/week, Monday to Friday
---
Job Summary
We're modernizing the front-end architecture across our Angular application portfolio. We need a front-end engineer who can lead the effort to extract and decouple our shared layout, navigation, and theming from Metronic, repackaging it as an internally owned, versioned component library that can be consumed across multiple applications - without losing the existing look, feel, and UX consistency teams rely on. This role includes: part library/design-system engineering, part large-scale migration planning, part hands-on Angular upgrade work.
Key Responsibilities
- Audit current Metronic usage (_metronic/layout, partials, shared, kt widgets, jQuery-based behaviors) across applications to identify what's template boilerplate vs. app-specific customization.
- Design and build an in-house shared Angular library (e.g., Nx workspace, Angular library/secondary entry points, or npm-packaged component library) encapsulating navigation, theming, and layout shell, publishable/versioned for reuse across multiple apps.
- Define a migration path off direct Metronic dependency while preserving existing UX, or plan/execute a controlled upgrade to newer Metronic releases (which use Tailwind CSS instead of Bootstrap) - evaluating a Bootstrap-to-Tailwind transition where needed.
- Remove or replace legacy jQuery-based template scripting with native Angular component/directive equivalents.
- Establish a strategy for unblocking Angular version upgrades.
- Collaborate with teams owning the other affected applications to coordinate a phased, low-disruption rollout of the shared library.
- Set up tooling for component documentation, visual regression testing, and versioning/release of the shared library (e.g., Storybook, semantic-release, private npm/Azure Artifacts feed).
- Partner with design to ensure the extracted theme/layout remains visually consistent and themeable (light/dark, branding) across apps.
- Write migration guides and support application teams adopting the new shared library.
Must-Have Requirements
- Angular Development
Nice-to-Have Requirements
- Previous CIBC experience
Required Skills
- 5 years of professional Angular development experience, including Angular upgrade/migration work (e.g., major version upgrades, Angular Update Guide usage).
- Strong knowledge of Bootstrap 5 and practical experience with Tailwind CSS, potentially including migrating UI styling between CSS frameworks.
- Experience de-risking dependency on third-party admin templates/themes (Metronic, AdminLTE, CoreUI, or similar) in production apps.
- Solid understanding of removing jQuery/legacy DOM-manipulation patterns in favor of idiomatic Angular (component-driven, reactive) approaches.
- Experience versioning and distributing internal packages via a private registry (npm, Azure Artifacts, GitHub Packages).
- Familiarity with Azure DevOps/GitHub Actions CI/CD for publishing and consuming shared packages across multiple repositories.
- Experience with incremental/parallel migration strategies (feature flags, strangler pattern) for rolling changes out across multiple live applications without big-bang rewrites.
- Attention to detail.
- Good work ethic.
- Ability to work under pressure.
- Patience.
Preferred Skills
- Prior experience specifically with Metronic (Bootstrap and/or Tailwind editions).
- Experience building internal design systems or component libraries adopted by multiple product teams.
- Experience with Kendo UI Angular components (used alongside the current template).
- Background in enterprise/regulated environments (financial services) with multiple coordinated Angular applications.
- Exposure to Azure AD/MSAL-based authentication flows in Angular apps.
Required Experience
- 5 years of professional Angular development experience, including Angular upgrade/migration work.
About the Client
This client is a leading financial services and banking institution headquartered in Toronto, ON, with operations spanning Canada and international markets, serving millions of retail and commercial customers. The organization employs a broad range of technology professionals - including front-end developers, DevOps engineers, business analysts, and enterprise program specialists - who collaborate across cross-functional teams to modernize and maintain critical digital platforms at scale.
About GTT
GTT is a minority-owned staffing firm and a subsidiary of Chenega Corporation, a Native American-owned company in Alaska. We highly value diverse and inclusive workplaces and support Fortune 500 organizations across banking, financial services, technology, life sciences, biotech, utilities, and retail sectors throughout the U.S. and Canada.
Job Number: 26-17439 Industry: Software Engineering
More about this job
Responsibilities
Audit Metronic usage and build a versioned, reusable Angular library for shared navigation, theming, and layout while preserving the existing user experience. Plan and coordinate phased migrations, replace legacy jQuery behaviors, establish documentation and release tooling, and support application teams adopting the library.
Requirements
Requires at least five years of professional Angular experience, including upgrade and migration work, plus strong Bootstrap 5 knowledge and practical Tailwind CSS experience. Candidates should also have experience decoupling third-party templates, replacing jQuery patterns with idiomatic Angular, publishing internal packages, and coordinating incremental migrations across applications.
Skills
- Angular
- Angular Upgrades And Migrations
- Bootstrap 5
- Tailwind CSS
- Metronic
- Angular Component Libraries
- Design Systems
- jQuery Replacement
- Private Package Registries
- Azure DevOps
- GitHub Actions
- CI/CD
- Incremental Migration Strategies
- Storybook
- Visual Regression Testing
- Kendo UI
Visa sponsorship
Not detected in the job text
Categories
- Software
- Technology
- Engineering
- Finance & Accounting
Keywords
- Angular
- Metronic
- Bootstrap 5
- Tailwind CSS
- jQuery
- Nx Workspace
- Angular Libraries
- Component Libraries
- Design Systems
- Storybook
- Semantic Release
- Private npm Registry
- Azure Artifacts
- GitHub Packages
- Azure DevOps
- GitHub Actions
- CI/CD
- Visual Regression Testing
- Angular Update Guide
- Kendo UI
- Azure AD
- MSAL
- Feature Flags
- Strangler Pattern
- Financial Services
- Theming
- Bootstrap-to-Tailwind Migration