From d84800fcafa0d703c889f6cb40b8c7bbbd43e1ef Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Tue, 28 Jan 2020 17:48:22 +0500 Subject: [PATCH] feat: detailed roadmap preparation --- components/detailed-roadmap/index.js | 2 +- content/roadmaps.json | 45 ++++++------------- .../0-About/{0-Summary.md => 0-Landscape.md} | 0 .../{0-Summary-detailed.md => 1-Summary.md} | 0 .../{1-Skill-Summary.md => 2-Basic-Skills.md} | 0 .../{2-Job-Titles.md => 3-Job-Titles.md} | 0 .../1-Landscape/1-Junior-Developer.md | 18 -------- .../1-Landscape/2-Mid-Level-Developer.md | 0 .../1-Landscape/3-Senior-Developer.md | 0 .../1-frontend/2-Learn/1-Job-Ready.md | 18 ++++++++ content/roadmaps/1-frontend/meta.json | 3 +- content/roadmaps/2-backend/meta.json | 1 + content/roadmaps/3-devops/meta.json | 1 + content/roadmaps/4-fullstack/meta.json | 1 + content/roadmaps/5-qa/meta.json | 1 + scripts/roadmaps-meta.js | 4 +- 16 files changed, 41 insertions(+), 53 deletions(-) rename content/roadmaps/1-frontend/0-About/{0-Summary.md => 0-Landscape.md} (100%) rename content/roadmaps/1-frontend/0-About/{0-Summary-detailed.md => 1-Summary.md} (100%) rename content/roadmaps/1-frontend/0-About/{1-Skill-Summary.md => 2-Basic-Skills.md} (100%) rename content/roadmaps/1-frontend/0-About/{2-Job-Titles.md => 3-Job-Titles.md} (100%) delete mode 100644 content/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md delete mode 100644 content/roadmaps/1-frontend/1-Landscape/2-Mid-Level-Developer.md delete mode 100644 content/roadmaps/1-frontend/1-Landscape/3-Senior-Developer.md diff --git a/components/detailed-roadmap/index.js b/components/detailed-roadmap/index.js index 75b72b094..49a61ed1c 100644 --- a/components/detailed-roadmap/index.js +++ b/components/detailed-roadmap/index.js @@ -44,7 +44,7 @@ const DetailedRoadmap = ({ roadmap }) => { { sidebar[groupTitle].map(page => { const isActivePage = page.url === currentPage.url; // e.g. /frontend should mark `/frontend/summary` as active - const isSummaryPage = page.url === `${currentPage.url}/summary`; + const isSummaryPage = page.url === `${currentPage.url}/landscape`; return (
  • diff --git a/content/roadmaps.json b/content/roadmaps.json index 14c8d6da9..9c06265b2 100644 --- a/content/roadmaps.json +++ b/content/roadmaps.json @@ -8,7 +8,8 @@ "url": "https://twitter.com/kamranahmedse" }, "featured": true, - "detailed": false, + "path": "/roadmaps/1-frontend/0-About/0-Landscape.md", + "detailed": true, "versions": [ "latest", "2018", @@ -17,45 +18,27 @@ "contributorsCount": 1, "contributorsUrl": "/frontend/contributors", "url": "/frontend", - "path": "/roadmaps/1-frontend/0-About/0-Summary.md", "sidebar": { "About": [ { - "url": "/frontend/summary-detailed", - "title": "Summary detailed", - "path": "/roadmaps/1-frontend/0-About/0-Summary-detailed.md" + "url": "/frontend/landscape", + "title": "Landscape", + "path": "/roadmaps/1-frontend/0-About/0-Landscape.md" }, { "url": "/frontend/summary", "title": "Summary", - "path": "/roadmaps/1-frontend/0-About/0-Summary.md" + "path": "/roadmaps/1-frontend/0-About/1-Summary.md" }, { - "url": "/frontend/skill-summary", - "title": "Skill Summary", - "path": "/roadmaps/1-frontend/0-About/1-Skill-Summary.md" + "url": "/frontend/basic-skills", + "title": "Basic Skills", + "path": "/roadmaps/1-frontend/0-About/2-Basic-Skills.md" }, { "url": "/frontend/job-titles", "title": "Job Titles", - "path": "/roadmaps/1-frontend/0-About/2-Job-Titles.md" - } - ], - "Landscape": [ - { - "url": "/frontend/junior-developer", - "title": "Junior Developer", - "path": "/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md" - }, - { - "url": "/frontend/mid-level-developer", - "title": "Mid Level Developer", - "path": "/roadmaps/1-frontend/1-Landscape/2-Mid-Level-Developer.md" - }, - { - "url": "/frontend/senior-developer", - "title": "Senior Developer", - "path": "/roadmaps/1-frontend/1-Landscape/3-Senior-Developer.md" + "path": "/roadmaps/1-frontend/0-About/3-Job-Titles.md" } ], "Learn": [ @@ -107,6 +90,7 @@ "description": "Step by step guide to becoming a modern backend developer", "featuredDescription": "Step by step guide to becoming a modern backend developer in 2020", "featured": true, + "path": "/roadmaps/2-backend/0-About/0-Summary.md", "author": { "name": "Kamran Ahmed", "url": "https://twitter.com/kamranahmedse" @@ -114,7 +98,6 @@ "contributorsCount": 1, "contributorsUrl": "/backend/contributors", "url": "/backend", - "path": "/roadmaps/2-backend/0-About/0-Summary.md", "sidebar": { "About": [ { @@ -152,6 +135,7 @@ "description": "Step by step guide for DevOps or any other Operations Role", "featuredDescription": "Step by step guide to become an SRE or for any operations role in 2020", "featured": true, + "path": "/roadmaps/3-devops/0-About/0-Summary.md", "versions": [ "latest", "2018", @@ -164,7 +148,6 @@ "contributorsCount": 1, "contributorsUrl": "/devops/contributors", "url": "/devops", - "path": "/roadmaps/3-devops/0-About/0-Summary.md", "sidebar": { "About": [ { @@ -196,6 +179,7 @@ "title": "Full Stack Developer", "description": "Step by step guide to becoming a modern fullstack developer in 2020", "featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020", + "path": "/roadmaps/4-fullstack/0-About/0-Summary.md", "upcoming": true, "author": { "name": "Kamran Ahmed", @@ -204,7 +188,6 @@ "contributorsCount": 1, "contributorsUrl": "/fullstack/contributors", "url": "/fullstack", - "path": "/roadmaps/4-fullstack/0-About/0-Summary.md", "sidebar": { "About": [ { @@ -220,6 +203,7 @@ "description": "Steps to follow in order to become a modern QA Engineer in 2020", "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2020", "upcoming": true, + "path": "/roadmaps/5-qa/0-About/0-Summary.md", "author": { "name": "Anas Fitiani", "url": "https://github.com/anas-qa" @@ -227,7 +211,6 @@ "contributorsCount": 1, "contributorsUrl": "/qa/contributors", "url": "/qa", - "path": "/roadmaps/5-qa/0-About/0-Summary.md", "sidebar": { "About": [ { diff --git a/content/roadmaps/1-frontend/0-About/0-Summary.md b/content/roadmaps/1-frontend/0-About/0-Landscape.md similarity index 100% rename from content/roadmaps/1-frontend/0-About/0-Summary.md rename to content/roadmaps/1-frontend/0-About/0-Landscape.md diff --git a/content/roadmaps/1-frontend/0-About/0-Summary-detailed.md b/content/roadmaps/1-frontend/0-About/1-Summary.md similarity index 100% rename from content/roadmaps/1-frontend/0-About/0-Summary-detailed.md rename to content/roadmaps/1-frontend/0-About/1-Summary.md diff --git a/content/roadmaps/1-frontend/0-About/1-Skill-Summary.md b/content/roadmaps/1-frontend/0-About/2-Basic-Skills.md similarity index 100% rename from content/roadmaps/1-frontend/0-About/1-Skill-Summary.md rename to content/roadmaps/1-frontend/0-About/2-Basic-Skills.md diff --git a/content/roadmaps/1-frontend/0-About/2-Job-Titles.md b/content/roadmaps/1-frontend/0-About/3-Job-Titles.md similarity index 100% rename from content/roadmaps/1-frontend/0-About/2-Job-Titles.md rename to content/roadmaps/1-frontend/0-About/3-Job-Titles.md diff --git a/content/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md b/content/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md deleted file mode 100644 index 9099ea8b0..000000000 --- a/content/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md +++ /dev/null @@ -1,18 +0,0 @@ -#### Technical Skills -The sections below describe different steps required to become a frontend developer - -#### Learning How Things Work -As a web developer, frontend, backend or fullstack, you should have a good understanding of how the internet works - -![](/roadmaps/frontend/beginner-1.png) - -Learn the below listed in the order given below -* What is Internet and how does it work? -* What is HTTP, how it evolved and where is it now? -* How do the browsers work? Engines behind different browsers -* What is DNS? How a website is found on the internet? -* What's in a domain name? What is an IP Address? -* What is Web Hosting? - -#### Writing Some Code -Now that you understand how things work, next step is getting your hands dirty and start actual coding diff --git a/content/roadmaps/1-frontend/1-Landscape/2-Mid-Level-Developer.md b/content/roadmaps/1-frontend/1-Landscape/2-Mid-Level-Developer.md deleted file mode 100644 index e69de29bb..000000000 diff --git a/content/roadmaps/1-frontend/1-Landscape/3-Senior-Developer.md b/content/roadmaps/1-frontend/1-Landscape/3-Senior-Developer.md deleted file mode 100644 index e69de29bb..000000000 diff --git a/content/roadmaps/1-frontend/2-Learn/1-Job-Ready.md b/content/roadmaps/1-frontend/2-Learn/1-Job-Ready.md index e69de29bb..9099ea8b0 100644 --- a/content/roadmaps/1-frontend/2-Learn/1-Job-Ready.md +++ b/content/roadmaps/1-frontend/2-Learn/1-Job-Ready.md @@ -0,0 +1,18 @@ +#### Technical Skills +The sections below describe different steps required to become a frontend developer + +#### Learning How Things Work +As a web developer, frontend, backend or fullstack, you should have a good understanding of how the internet works + +![](/roadmaps/frontend/beginner-1.png) + +Learn the below listed in the order given below +* What is Internet and how does it work? +* What is HTTP, how it evolved and where is it now? +* How do the browsers work? Engines behind different browsers +* What is DNS? How a website is found on the internet? +* What's in a domain name? What is an IP Address? +* What is Web Hosting? + +#### Writing Some Code +Now that you understand how things work, next step is getting your hands dirty and start actual coding diff --git a/content/roadmaps/1-frontend/meta.json b/content/roadmaps/1-frontend/meta.json index 52047a35e..748022f33 100644 --- a/content/roadmaps/1-frontend/meta.json +++ b/content/roadmaps/1-frontend/meta.json @@ -7,7 +7,8 @@ "url": "https://twitter.com/kamranahmedse" }, "featured": true, - "detailed": false, + "path": "./0-About/0-Landscape.md", + "detailed": true, "versions": [ "latest", "2018", diff --git a/content/roadmaps/2-backend/meta.json b/content/roadmaps/2-backend/meta.json index 0e3da0fe5..11bcc619b 100644 --- a/content/roadmaps/2-backend/meta.json +++ b/content/roadmaps/2-backend/meta.json @@ -3,6 +3,7 @@ "description": "Step by step guide to becoming a modern backend developer", "featuredDescription": "Step by step guide to becoming a modern backend developer in 2020", "featured": true, + "path": "./0-About/0-Summary.md", "author": { "name": "Kamran Ahmed", "url": "https://twitter.com/kamranahmedse" diff --git a/content/roadmaps/3-devops/meta.json b/content/roadmaps/3-devops/meta.json index 22e2712d6..e3e8207eb 100644 --- a/content/roadmaps/3-devops/meta.json +++ b/content/roadmaps/3-devops/meta.json @@ -3,6 +3,7 @@ "description": "Step by step guide for DevOps or any other Operations Role", "featuredDescription": "Step by step guide to become an SRE or for any operations role in 2020", "featured": true, + "path": "./0-About/0-Summary.md", "versions": [ "latest", "2018", diff --git a/content/roadmaps/4-fullstack/meta.json b/content/roadmaps/4-fullstack/meta.json index b0d9f646d..0e935ecb4 100644 --- a/content/roadmaps/4-fullstack/meta.json +++ b/content/roadmaps/4-fullstack/meta.json @@ -2,6 +2,7 @@ "title": "Full Stack Developer", "description": "Step by step guide to becoming a modern fullstack developer in 2020", "featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020", + "path": "./0-About/0-Summary.md", "upcoming": true, "author": { "name": "Kamran Ahmed", diff --git a/content/roadmaps/5-qa/meta.json b/content/roadmaps/5-qa/meta.json index 81150bea9..88fd25bf8 100644 --- a/content/roadmaps/5-qa/meta.json +++ b/content/roadmaps/5-qa/meta.json @@ -3,6 +3,7 @@ "description": "Steps to follow in order to become a modern QA Engineer in 2020", "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2020", "upcoming": true, + "path": "./0-About/0-Summary.md", "author": { "name": "Anas Fitiani", "url": "https://github.com/anas-qa" diff --git a/scripts/roadmaps-meta.js b/scripts/roadmaps-meta.js index 953e6afed..28838a189 100644 --- a/scripts/roadmaps-meta.js +++ b/scripts/roadmaps-meta.js @@ -16,7 +16,7 @@ const roadmapsMeta = roadmapDirs.reduce((metaAcc, roadmapDirName) => { // We can't use the absolute path in the build e.g. ~/Users/user/where-build-is-running/content // So, we remove it and use the path relative to content directory - const summaryFilePath = path.join(roadmapDir.replace(STORAGE_PATH, ''), '/0-About/0-Summary.md'); + const roadmapLandingFilePath = path.join(roadmapDir.replace(STORAGE_PATH, ''), roadmapMeta.path); const contributors = exec(`git log --pretty=format:"%an%x09" ${roadmapDir} | uniq`) .toString() @@ -76,7 +76,7 @@ const roadmapsMeta = roadmapDirs.reduce((metaAcc, roadmapDirName) => { contributorsCount: contributorNames.length, contributorsUrl: `/${roadmapSlug}/contributors`, url: `/${roadmapSlug}`, - path: summaryFilePath, + path: roadmapLandingFilePath, sidebar, }, ];