diff --git a/content/roadmaps.json b/content/roadmaps.json index 5bdcc06e7..faf7b3e60 100644 --- a/content/roadmaps.json +++ b/content/roadmaps.json @@ -35,6 +35,7 @@ "description": "Step by step guide to becoming a modern frontend developer in 2022", "featuredTitle": "Frontend", "featuredDescription": "Step by step guide to becoming a frontend developer in 2022", + "type": "role", "author": { "name": "Kamran Ahmed", "url": "https://twitter.com/kamranahmedse" @@ -82,6 +83,7 @@ }, "title": "Backend Developer", "description": "Step by step guide to becoming a modern backend developer in 2022", + "type": "role", "featuredTitle": "Backend", "featuredDescription": "Step by step guide to becoming a backend developer in 2022", "featured": true, @@ -126,6 +128,7 @@ "title": "DevOps Roadmap", "description": "Step by step guide for DevOps, SRE or any other Operations Role in 2022", "featuredTitle": "DevOps", + "type": "role", "featuredDescription": "Step by step guide for DevOps or operations role in 2022", "featured": true, "imageUrl": "/roadmaps/devops.png", @@ -169,6 +172,7 @@ "title": "React Developer", "description": "Everything that is there to learn about React and the ecosystem in 2022.", "featuredTitle": "React", + "type": "tool", "featuredDescription": "Step by step guide to become a React Developer in 2022", "isTextHeavy": false, "isCommunity": false, @@ -211,6 +215,7 @@ "title": "Angular Developer", "description": "Everything that is there to learn about Angular and the ecosystem in 2022.", "featuredTitle": "Angular", + "type": "tool", "featuredDescription": "Step by step guide to become a Angular Developer in 2022", "isTextHeavy": false, "isCommunity": false, @@ -253,6 +258,7 @@ "title": "Android Developer", "description": "Step by step guide to becoming an Android developer in 2022", "featuredTitle": "Android", + "type": "role", "featuredDescription": "Step by step guide to becoming an Android Developer in 2022", "isTextHeavy": true, "isCommunity": false, @@ -294,6 +300,7 @@ "title": "Python Developer", "description": "Step by step guide to becoming a Python developer in 2022", "featuredTitle": "Python", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Python Developer in 2022", "isTextHeavy": true, "isCommunity": false, @@ -344,6 +351,7 @@ "title": "Go Developer", "description": "Step by step guide to becoming a Go developer in 2022", "featuredTitle": "Go", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Go developer in 2022", "isTextHeavy": false, "isCommunity": false, @@ -395,6 +403,7 @@ "title": "Java Developer", "description": "Step by step guide to becoming a Java developer in 2022", "featuredTitle": "Java", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Java Developer in 2022", "isTextHeavy": false, "isCommunity": false, @@ -444,6 +453,7 @@ "title": "PostgreSQL DBA", "description": "Step by step guide to becoming a modern PostgreSQL DB Administrator in 2022", "featuredTitle": "DBA", + "type": "role", "featuredDescription": "Step by step guide to become a PostgreSQL DBA in 2022", "landingPath": "/roadmaps/109-postgresql-dba/landscape.md", "resourcesPath": "/roadmaps/109-postgresql-dba/resources.md", @@ -479,6 +489,7 @@ "title": "AWS", "description": "Everything that is there to learn about AWS and the ecosystem in 2022.", "featuredTitle": "AWS", + "type": "tool", "featuredDescription": "Step by step guide to learn AWS in 2022", "isTextHeavy": false, "isCommunity": false, @@ -520,6 +531,7 @@ "title": "QA Engineer", "description": "Steps to follow in order to become a modern QA Engineer in 2022", "featuredTitle": "QA", + "type": "role", "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2022", "isUpcoming": true, "featured": true, diff --git a/content/roadmaps/100-frontend/meta.json b/content/roadmaps/100-frontend/meta.json index 365c2247a..bfe495353 100644 --- a/content/roadmaps/100-frontend/meta.json +++ b/content/roadmaps/100-frontend/meta.json @@ -34,6 +34,7 @@ "description": "Step by step guide to becoming a modern frontend developer in 2022", "featuredTitle": "Frontend", "featuredDescription": "Step by step guide to becoming a frontend developer in 2022", + "type": "role", "author": { "name": "Kamran Ahmed", "url": "https://twitter.com/kamranahmedse" diff --git a/content/roadmaps/101-backend/meta.json b/content/roadmaps/101-backend/meta.json index 0313e4922..eee5afff9 100644 --- a/content/roadmaps/101-backend/meta.json +++ b/content/roadmaps/101-backend/meta.json @@ -31,6 +31,7 @@ }, "title": "Backend Developer", "description": "Step by step guide to becoming a modern backend developer in 2022", + "type": "role", "featuredTitle": "Backend", "featuredDescription": "Step by step guide to becoming a backend developer in 2022", "featured": true, diff --git a/content/roadmaps/102-devops/meta.json b/content/roadmaps/102-devops/meta.json index dea277b28..59af503d8 100644 --- a/content/roadmaps/102-devops/meta.json +++ b/content/roadmaps/102-devops/meta.json @@ -26,6 +26,7 @@ "title": "DevOps Roadmap", "description": "Step by step guide for DevOps, SRE or any other Operations Role in 2022", "featuredTitle": "DevOps", + "type": "role", "featuredDescription": "Step by step guide for DevOps or operations role in 2022", "featured": true, "imageUrl": "/roadmaps/devops.png", @@ -42,4 +43,4 @@ }, "pdfUrl": "/pdfs/devops.pdf", "contentPathsFilePath": "./content-paths.json" -} \ No newline at end of file +} diff --git a/content/roadmaps/103-react/meta.json b/content/roadmaps/103-react/meta.json index 1785713d6..638bd65a0 100644 --- a/content/roadmaps/103-react/meta.json +++ b/content/roadmaps/103-react/meta.json @@ -21,6 +21,7 @@ "title": "React Developer", "description": "Everything that is there to learn about React and the ecosystem in 2022.", "featuredTitle": "React", + "type": "tool", "featuredDescription": "Step by step guide to become a React Developer in 2022", "isTextHeavy": false, "isCommunity": false, diff --git a/content/roadmaps/104-angular/meta.json b/content/roadmaps/104-angular/meta.json index 712ea2983..987c30f19 100644 --- a/content/roadmaps/104-angular/meta.json +++ b/content/roadmaps/104-angular/meta.json @@ -19,6 +19,7 @@ "title": "Angular Developer", "description": "Everything that is there to learn about Angular and the ecosystem in 2022.", "featuredTitle": "Angular", + "type": "tool", "featuredDescription": "Step by step guide to become a Angular Developer in 2022", "isTextHeavy": false, "isCommunity": false, diff --git a/content/roadmaps/105-android/meta.json b/content/roadmaps/105-android/meta.json index 96946d227..83f224d7d 100644 --- a/content/roadmaps/105-android/meta.json +++ b/content/roadmaps/105-android/meta.json @@ -19,6 +19,7 @@ "title": "Android Developer", "description": "Step by step guide to becoming an Android developer in 2022", "featuredTitle": "Android", + "type": "role", "featuredDescription": "Step by step guide to becoming an Android Developer in 2022", "isTextHeavy": true, "isCommunity": false, diff --git a/content/roadmaps/106-python/meta.json b/content/roadmaps/106-python/meta.json index 278080f4e..168c42504 100644 --- a/content/roadmaps/106-python/meta.json +++ b/content/roadmaps/106-python/meta.json @@ -19,6 +19,7 @@ "title": "Python Developer", "description": "Step by step guide to becoming a Python developer in 2022", "featuredTitle": "Python", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Python Developer in 2022", "isTextHeavy": true, "isCommunity": false, diff --git a/content/roadmaps/107-golang/meta.json b/content/roadmaps/107-golang/meta.json index f2b3bc54a..1c11b4440 100644 --- a/content/roadmaps/107-golang/meta.json +++ b/content/roadmaps/107-golang/meta.json @@ -29,6 +29,7 @@ "title": "Go Developer", "description": "Step by step guide to becoming a Go developer in 2022", "featuredTitle": "Go", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Go developer in 2022", "isTextHeavy": false, "isCommunity": false, diff --git a/content/roadmaps/108-java/meta.json b/content/roadmaps/108-java/meta.json index e4202ac3f..d646b8f09 100644 --- a/content/roadmaps/108-java/meta.json +++ b/content/roadmaps/108-java/meta.json @@ -28,6 +28,7 @@ "title": "Java Developer", "description": "Step by step guide to becoming a Java developer in 2022", "featuredTitle": "Java", + "type": "tool", "featuredDescription": "Step by step guide to becoming a Java Developer in 2022", "isTextHeavy": false, "isCommunity": false, diff --git a/content/roadmaps/109-postgresql-dba/meta.json b/content/roadmaps/109-postgresql-dba/meta.json index 0c30d2a5e..9e87ff450 100644 --- a/content/roadmaps/109-postgresql-dba/meta.json +++ b/content/roadmaps/109-postgresql-dba/meta.json @@ -26,6 +26,7 @@ "title": "PostgreSQL DBA", "description": "Step by step guide to becoming a modern PostgreSQL DB Administrator in 2022", "featuredTitle": "DBA", + "type": "role", "featuredDescription": "Step by step guide to become a PostgreSQL DBA in 2022", "landingPath": "./landscape.md", "resourcesPath": "./resources.md", diff --git a/content/roadmaps/110-aws/meta.json b/content/roadmaps/110-aws/meta.json index 0d2e310ca..132d3dd55 100644 --- a/content/roadmaps/110-aws/meta.json +++ b/content/roadmaps/110-aws/meta.json @@ -17,6 +17,7 @@ "title": "AWS", "description": "Everything that is there to learn about AWS and the ecosystem in 2022.", "featuredTitle": "AWS", + "type": "tool", "featuredDescription": "Step by step guide to learn AWS in 2022", "isTextHeavy": false, "isCommunity": false, diff --git a/content/roadmaps/111-qa/meta.json b/content/roadmaps/111-qa/meta.json index c8cc92d9a..8f3b8706b 100644 --- a/content/roadmaps/111-qa/meta.json +++ b/content/roadmaps/111-qa/meta.json @@ -20,6 +20,7 @@ "title": "QA Engineer", "description": "Steps to follow in order to become a modern QA Engineer in 2022", "featuredTitle": "QA", + "type": "role", "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2022", "isUpcoming": true, "featured": true, diff --git a/lib/roadmap.ts b/lib/roadmap.ts index 56ee5bdda..cc7ea50c0 100644 --- a/lib/roadmap.ts +++ b/lib/roadmap.ts @@ -14,6 +14,7 @@ export type RoadmapType = { name: string; url: string; }; + type: "role" | "tool"; featured: boolean; imageUrl?: string; jsonUrl?: string; diff --git a/pages/index.tsx b/pages/index.tsx index 73ca295fd..97813dc61 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -3,9 +3,9 @@ import { Container, Heading, Link, - SimpleGrid, + SimpleGrid, Tag, Text, - useMediaQuery, + useMediaQuery } from '@chakra-ui/react'; import { GlobalHeader } from '../components/global-header'; import { Footer } from '../components/footer'; @@ -55,29 +55,27 @@ export default function Home(props: HomeProps) { educational content to help guide the developers in picking up the path and guide their learnings. - - - We also have a{' '} - - event({ - category: 'Subscription', - action: 'Clicked the YouTube link', - label: 'YouTube link on home', - }) - } - target="_blank" - fontWeight={600} - > - YouTube channel - {' '} - which we hope you are going to love. - - - {roadmaps.map((roadmap: RoadmapType, counter: number) => ( + + Role Based Roadmaps + + {roadmaps.filter(roadmap => roadmap.type === 'role').map((roadmap: RoadmapType, counter: number) => ( + + ))} + + + Tool Based Skill Trees + + + {roadmaps.filter(roadmap => roadmap.type === 'tool').map((roadmap: RoadmapType, counter: number) => ( https://roadmap.sh/frontend monthly - 2022-06-14T16:21:44.766Z + 2022-08-04T11:36:54.909Z 1.0 https://roadmap.sh/backend monthly - 2022-06-14T16:21:44.766Z + 2022-08-04T11:37:35.841Z 1.0 https://roadmap.sh/devops monthly - 2022-08-03T15:24:13.858Z + 2022-08-04T11:37:35.845Z 1.0 https://roadmap.sh/react monthly - 2022-06-14T16:21:44.767Z + 2022-08-04T11:37:35.834Z 1.0 https://roadmap.sh/angular monthly - 2022-06-14T16:21:44.767Z + 2022-08-04T11:37:35.838Z 1.0 https://roadmap.sh/android monthly - 2022-01-01T14:32:00.124Z + 2022-08-04T11:37:35.837Z 1.0 https://roadmap.sh/python monthly - 2022-06-14T16:21:44.768Z + 2022-08-04T11:37:35.844Z 1.0 https://roadmap.sh/golang monthly - 2022-06-14T16:21:44.768Z + 2022-08-04T11:37:35.847Z 1.0 https://roadmap.sh/java monthly - 2022-06-14T16:21:44.768Z + 2022-08-04T11:37:35.840Z 1.0 https://roadmap.sh/postgresql-dba monthly - 2022-01-01T14:31:59.273Z + 2022-08-04T11:37:35.848Z 1.0 https://roadmap.sh/aws monthly - 2022-01-01T14:31:59.852Z + 2022-08-04T11:37:35.842Z 1.0 https://roadmap.sh/qa monthly - 2022-01-01T14:31:59.633Z + 2022-08-04T11:37:35.836Z 1.0 @@ -255,7 +255,7 @@ https://roadmap.sh/ monthly - 2022-01-13T15:46:46.881Z + 2022-08-04T11:36:26.733Z 1.0