From add174a69b6fc0dc27709cb47a4640c2a8484417 Mon Sep 17 00:00:00 2001 From: Vedansh Date: Mon, 2 Dec 2024 15:47:12 +0000 Subject: [PATCH] Refractor Entire Roadmap. (#7828) --- .../frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md | 2 +- .../frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md | 5 +++-- .../frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md | 2 +- .../frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md | 2 +- .../roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md | 5 +++-- .../roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md | 1 + .../frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md | 4 ++-- .../frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md | 4 ++-- .../content/using-devtools@3_sJHKTogkDoCjR518-OL.md | 4 ++-- .../content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md | 2 +- .../frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md | 6 +++--- .../version-control-systems@NIY7c4TQEEHx0hATu-k5C.md | 2 +- .../roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md | 4 ++-- .../frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md | 4 ++-- .../frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md | 3 ++- 15 files changed, 27 insertions(+), 23 deletions(-) diff --git a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md index 9c06c4a48..cb9565052 100644 --- a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md b/src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md index 310cafdf3..cb9565052 100644 --- a/src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md +++ b/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) -- [@official@Angular Website](https://angular.dev) +- [@roadmap@Visit Dedicated Angular Roadmap](https://roadmap.sh/angular) +- [@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) diff --git a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md index 61cad7f0b..14d061b98 100644 --- a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md b/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md index a560b0fd9..e44ef02ef 100644 --- a/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md b/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md index 2254486d8..10ba18c17 100644 --- a/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md b/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md index 3ebcf75f8..db6f7282f 100644 --- a/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md b/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md index 3f1964b41..8aad36177 100644 --- a/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md +++ b/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/) -- [@article@Official Svelte Kit Docs](https://kit.svelte.dev/docs/introduction) +- [@official@Svelte Kit](https://kit.svelte.dev/) +- [@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) diff --git a/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md b/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md index 044708231..c1166e71e 100644 --- a/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md b/src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md index 7fb443a13..85cbb98ce 100644 --- a/src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md +++ b/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) -- [@article@Firefox DevTools User Docs](https://firefox-source-docs.mozilla.org/devtools-user/) +- [@official@Chrome DevTools - Google Developers](https://developers.google.com/web/tools/chrome-devtools) +- [@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) diff --git a/src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md b/src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md index cde96558a..976bad1cc 100644 --- a/src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md b/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md index 35f5bfe5a..3c535456a 100644 --- a/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md +++ b/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) -- [@official@Codeberg Website](https://codeberg.org/) +- [@roadmap@Visit Dedicated Git & Github Roadmap](https://roadmap.sh/git-github) - [@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) diff --git a/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md b/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md index 09aafd83b..6732405d7 100644 --- a/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md +++ b/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) diff --git a/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md b/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md index a488ace82..1ea2f745f 100644 --- a/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md +++ b/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 Documentation](https://vitejs.dev/guide/) +- [@official@Vite - The Build Tool for the Web](https://vite.dev) +- [@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) diff --git a/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md b/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md index f08ca09d2..31d48824b 100644 --- a/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md +++ b/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/) -- [@video@Whats VuePress?](https://www.youtube.com/watch?v=iRhRdY7SQJg) +- [@official@Vuepress](https://vuepress.vuejs.org/) +- [@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) diff --git a/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md b/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md index 75c46124f..538d11962 100644 --- a/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md +++ b/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)