Refractor Entire Roadmap. (#7828)

src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md

@@ -5,6 +5,6 @@ Angular is a popular open-source web application framework developed and maintai
 Visit the following resources to learn more:
 
 - [@roadmap@Visit Dedicated Angular Roadmap](https://roadmap.sh/angular)
-- [@official@Getting started with Angular](https://angular.io/start)
+- [@official@Getting started with Angular](https://angular.dev/tutorials/learn-angular)
 - [@video@Angular for Beginners Course](https://www.youtube.com/watch?v=3qBXWUpoPHo)
 - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh)

src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md

@@ -4,6 +4,7 @@ Angular is a popular open-source web application framework developed and maintai
 
 Visit the following resources to learn more:
 
-- [@roadmap@Angular Roadmap](https://roadmap.sh/angular)
+- [@roadmap@Visit Dedicated Angular Roadmap](https://roadmap.sh/angular)
-- [@official@Angular Website](https://angular.dev)
+- [@official@Getting started with Angular](https://angular.dev/tutorials/learn-angular)
+- [@video@Angular for Beginners Course](https://www.youtube.com/watch?v=3qBXWUpoPHo)
 - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh)

src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md

@@ -5,6 +5,6 @@ Cypress framework is a JavaScript-based end-to-end testing framework built on to
 Visit the following resources to learn more:
 
 - [@official@Cypress Website](https://www.cypress.io/)
-- [@article@Cypress Documentation](https://docs.cypress.io/)
+- [@official@Cypress Documentation](https://docs.cypress.io/)
 - [@video@Cypress End-to-End Testing](https://www.youtube.com/watch?v=BQqzfHQkREo)
 - [@feed@Explore top posts about Cypress](https://app.daily.dev/tags/cypress?ref=roadmapsh)

src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md

@@ -4,6 +4,6 @@ Eleventy (11ty) is a simple to use, easy to customize, highly performant and pow
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://www.11ty.dev/)
+- [@official@Eleventy](https://www.11ty.dev/)
 - [@official@A collection of 11ty starters, projects, plugins, and resources](https://11ty.rocks/)
 - [@video@Introduction to Eleventy](https://www.youtube.com/watch?v=-dM6AmNmMFA)

src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md

@@ -4,8 +4,9 @@ npm (Node Package Manager) is the default package manager for Node.js, providing
 
 Visit the following resources to learn more:
 
-- [@official@NPM Website](https://www.npmjs.com/https://www.npmjs.com/)
+- [@official@NPM Website](https://www.npmjs.com/)
+- [@official@NPM Documentation](https://docs.npmjs.com/)
 - [@article@Modern JavaScript for Dinosaurs](https://peterxjang.com/blog/modern-javascript-explained-for-dinosaurs.html)
 - [@opensource@How to NPM](https://github.com/workshopper/how-to-npm)
-- [@video@NPM tutorial for Beginners](https://www.youtube.com/watch?v=2V1UUhBJ62Y)
+- [@video@NPM Tutorial for Beginners](https://www.youtube.com/watch?v=2V1UUhBJ62Y)
 - [@feed@Explore top posts about NPM](https://app.daily.dev/tags/npm?ref=roadmapsh)

src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md

@@ -5,5 +5,6 @@ Sass (Syntactically Awesome Style Sheets) is a mature, stable, and powerful prof
 Visit the following resources to learn more:
 
 - [@official@Sass Website](https://sass-lang.com/)
+- [@official@Online Sass Playground](https://sass-lang.com/playground/)
 - [@video@Sass Tutorial for Beginners](https://www.youtube.com/watch?v=_a5j7KoflTs)
 - [@video@Sass, BEM, & Responsive Design](https://www.youtube.com/watch?v=jfMHA8SqUL4)

src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md

@@ -4,7 +4,7 @@ SvelteKit is a framework for building web applications using Svelte, a component
 
 Visit the following resources to learn more:
 
-- [@article@Svelte Kit Website](https://kit.svelte.dev/)
+- [@official@Svelte Kit](https://kit.svelte.dev/)
-- [@article@Official Svelte Kit Docs](https://kit.svelte.dev/docs/introduction)
+- [@official@Svelte Kit Docs](https://kit.svelte.dev/docs/introduction)
 - [@video@Sveltekit in 100 Seconds](https://www.youtube.com/watch?v=H1eEFfAkIik)
 - [@feed@Explore top posts about Svelte](https://app.daily.dev/tags/svelte?ref=roadmapsh)

src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md

@@ -4,9 +4,9 @@ TypeScript is a strongly-typed, object-oriented programming language that builds
 
 Visit the following resources to learn more:
 
-- [@roadmap@TypeScript Roadmap](https://roadmap.sh/typescript)
+- [@roadmap@Visit Dedicated TypeScript Roadmap](https://roadmap.sh/typescript)
 - [@official@TypeScript Website](https://www.typescriptlang.org/)
 - [@official@TypeScript Playground](https://www.typescriptlang.org/play)
-- [@article@The TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
+- [@official@The TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
 - [@video@TypeScript for Beginners](https://www.youtube.com/watch?v=BwuLxPH8IDs)
 - [@feed@Explore top posts about TypeScript](https://app.daily.dev/tags/typescript?ref=roadmapsh)

src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md

@@ -15,6 +15,6 @@ DevTools are essential for front-end development, performance optimization, and
 
 Visit the following resources to learn more:
 
-- [@article@Chrome DevTools - Google Developers](https://developers.google.com/web/tools/chrome-devtools)
+- [@official@Chrome DevTools - Google Developers](https://developers.google.com/web/tools/chrome-devtools)
-- [@article@Firefox DevTools User Docs](https://firefox-source-docs.mozilla.org/devtools-user/)
+- [@official@Firefox DevTools User Docs](https://firefox-source-docs.mozilla.org/devtools-user/)
 - [@feed@Explore top posts about DevTools](https://app.daily.dev/tags/devtools?ref=roadmapsh)

src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md

@@ -4,6 +4,6 @@ Lighthouse is an open-source tool developed by Google that is used to audit the
 
 Visit the following resources to learn more:
 
-- [@article@Lighthouse - Google Developers](https://developers.google.com/web/tools/lighthouse)
+- [@official@Lighthouse - Google Developers](https://developers.google.com/web/tools/lighthouse)
 - [@video@What is Google Lighthouse and how to use it](https://www.youtube.com/watch?v=VyaHwvPWuZU)
 - [@feed@Explore top posts about Lighthouse](https://app.daily.dev/tags/lighthouse?ref=roadmapsh)

src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md

@@ -4,8 +4,8 @@ Repo hosting services provide platforms for storing, managing, and collaborating
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git & Github](https://roadmap.sh/git-github)
+- [@roadmap@Visit Dedicated Git & Github Roadmap](https://roadmap.sh/git-github)
-- [@official@Codeberg Website](https://codeberg.org/)
 - [@official@GitHub Website](https://github.com)
 - [@official@GitLab Website](https://about.gitlab.com)
-- [@article@BitBucket Website](https://bitbucket.com)
+- [@official@Codeberg Website](https://codeberg.org/)
+- [@official@BitBucket Website](https://bitbucket.com)

src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md

@@ -4,7 +4,7 @@ Version Control Systems (VCS) are tools that help developers track and manage ch
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git & Github](https://roadmap.sh/git-github)
+- [@roadmap@Visit Dedicated Git & Github Roadmap](https://roadmap.sh/git-github)
 - [@official@Git Documentation](https://git-scm.com/docs)
 - [@article@Learn Git by Atlassian](https://www.atlassian.com/git)
 - [@video@What is a Version Control System and why you should always use it](https://www.youtube.com/watch?v=IeXhYROClZk)

src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md

@@ -4,8 +4,8 @@ Vite is a modern build tool and development server designed for fast and lean de
 
 Visit the following resources to learn more:
 
-- [@official@Vite - The Build Tool for the Web](https://vitejs.dev)
+- [@official@Vite - The Build Tool for the Web](https://vite.dev)
-- [@official@Vite Documentation](https://vitejs.dev/guide/)
+- [@official@Vite Documentation](https://vite.dev/guide/)
 - [@video@Vite Crash Course](https://youtu.be/LQQ3CR2JTX8)
 - [@video@Vite Tutorial Video](https://www.youtube.com/watch?v=VAeRhmpcWEQ)
 - [@feed@Explore top posts about Vite](https://app.daily.dev/tags/vite?ref=roadmapsh)

src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md

@@ -4,6 +4,6 @@ VuePress is a static site generator powered by Vue.js, primarily designed for cr
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://vuepress.vuejs.org/)
+- [@official@Vuepress](https://vuepress.vuejs.org/)
-- [@video@Whats VuePress?](https://www.youtube.com/watch?v=iRhRdY7SQJg)
+- [@video@What is VuePress?](https://www.youtube.com/watch?v=iRhRdY7SQJg)
 - [@feed@Explore top posts about Vue.js](https://app.daily.dev/tags/vuejs?ref=roadmapsh)

src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md

@@ -4,6 +4,7 @@ Webpack is a popular open-source JavaScript module bundler that transforms, bund
 
 Visit the following resources to learn more:
 
-- [@official@Webpack Website](https://webpack.js.org/)
+- [@official@Webpack](https://webpack.js.org/)
+- [@official@Getting Started with Webpack](https://webpack.js.org/guides/getting-started/)
 - [@article@A Complete Guide to Webpack 5](https://www.valentinog.com/blog/webpack)
 - [@feed@Explore top posts about Webpack](https://app.daily.dev/tags/webpack?ref=roadmapsh)