Senior Front End Developer
- Toronto, ON, Canada
Pay Rate: 82.39$/hr - $95.23/hr · Full-time
Applications open in a new tab.
Job details
- Pay
- Pay Rate: 82.39$/hr - $95.23/hr
- Job type
- Full-time
- Apply by
- Experience
- 5+ years of professional Angular development experience, including Angular upgrade/migration work (e.g., major version upgrades, Angular Update Guide usage).
- Posting language
- English
- Posted
Original job description
- Location: Toronto, ON - Hybrid (Every Thursday and 1 Friday of the month)
- Pay Rate: 82.39$/hr - $95.23/hr
- Contract Length: 6 Months
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.
- 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.
- 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
- Angular Development
- Previous Client experience
Raise is an established hiring firm with over 65 years of experience. We believe strongly in making the world a better place through work, which is why we’re a certified B Corporation and donate 10% of our profits to charity.
We strive to build teams that reflect the diversity of the communities we work in. We encourage all qualified applicants to apply, including people from traditionally underrepresented groups such as women, visible minorities, Indigenous peoples, people identifying as LGBTQ2SI, veterans, and people with visible/nonvisible disabilities.
We have a dedicated webpage for accommodations where you can learn more about what we offer and request accommodation: https://raise.jobs/accommodations/
In order to submit candidates for roles, our clients will sometimes require personal information to confirm the identity of applicants and their legal status to work. Raise will never ask you for personal or banking information unless you have been selected for a job. If you are ever unsure about the legitimacy of this or another job posting by Raise (or have any other questions), please contact us at +1 800-567-9675 or hello@raiserecruiting.com
#FIN24
More about this job
Responsibilities
Audit existing Metronic usage and build a versioned, reusable Angular library for shared navigation, theming, and layout across multiple applications. Plan and coordinate a phased migration or template upgrade, replace legacy jQuery behaviors, and provide documentation, testing, and adoption support.
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 with third-party template dependencies, idiomatic Angular development, private package distribution, CI/CD, and incremental rollouts across applications.
Skills
- Angular
- Angular Upgrades And Migrations
- Bootstrap 5
- Tailwind CSS
- Metronic
- jQuery Replacement
- Angular Component Libraries
- Design Systems
- Private Package Registries
- Azure DevOps
- GitHub Actions
- CI/CD
- Visual Regression Testing
- Storybook
- Incremental Migration Strategies
- Kendo UI
Visa sponsorship
Not detected in the job text
Categories
- Software
- Technology
- Engineering
Keywords
- Angular
- Metronic
- Bootstrap 5
- Tailwind CSS
- jQuery
- Nx Workspace
- Angular Libraries
- Secondary Entry Points
- Npm Packages
- Kendo UI
- Storybook
- Semantic Release
- Azure Artifacts
- Private Package Registry
- Azure DevOps
- GitHub Actions
- CI/CD
- Visual Regression Testing
- Design Systems
- Angular Update Guide
- Feature Flags
- Strangler Pattern
- Azure AD
- MSAL
- Financial Services
- Theming
- Component-Driven Development