diff --git a/components/detailed-roadmap/index.js b/components/detailed-roadmap/index.js
index 503e7a1d0..4fbaf3c87 100644
--- a/components/detailed-roadmap/index.js
+++ b/components/detailed-roadmap/index.js
@@ -38,7 +38,7 @@ const DetailedRoadmap = ({ roadmap }) => {
}
return (
-
+
{ groupTitle }
{ sidebar[groupTitle].map(page => {
@@ -47,7 +47,7 @@ const DetailedRoadmap = ({ roadmap }) => {
const isSummaryPage = page.url === `${currentPage.url}/summary`;
return (
- -
+
-
{ page.title }
diff --git a/static/sitemap.xml b/static/sitemap.xml
index b41df234f..3d22c2476 100644
--- a/static/sitemap.xml
+++ b/static/sitemap.xml
@@ -3,187 +3,187 @@
https://roadmap.sh/frontend
monthly
- 2019-12-06T13:51:09.764Z
+ 2020-01-02T05:41:13.590Z
1.0
https://roadmap.sh/frontend/summary
monthly
- 2019-12-06T13:51:09.764Z
+ 2020-01-02T05:41:13.590Z
1.0
https://roadmap.sh/frontend/skill-summary
monthly
- 2019-12-06T13:54:20.593Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/job-titles
monthly
- 2019-12-06T13:50:08.390Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/junior-developer
monthly
- 2019-12-06T13:51:35.989Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/mid-level-developer
monthly
- 2019-12-06T13:06:00.298Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/senior-developer
monthly
- 2019-12-06T13:06:00.298Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/job-ready
monthly
- 2019-12-06T13:06:00.298Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/write-better-css
monthly
- 2019-12-06T13:06:00.298Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/build-tools
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/modern-applications
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/automated-testing
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/static-type-checkers
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/server-side-rendering
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
https://roadmap.sh/frontend/go-beyond
monthly
- 2019-12-06T13:06:00.299Z
+ 2020-01-02T05:41:13.591Z
1.0
-
- https://roadmap.sh/frontend/contributors
- monthly
- 2019-12-01T13:03:35.218Z
- 0.5
-
https://roadmap.sh/backend
monthly
- 2019-12-06T13:56:34.151Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/backend/summary
monthly
- 2019-12-06T13:56:34.151Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/backend/summary
monthly
- 2019-12-06T13:56:34.154Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/backend/junior
monthly
- 2019-12-06T11:47:29.778Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/backend/intermediate
monthly
- 2019-12-06T11:47:29.779Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/backend/senior
monthly
- 2019-12-06T11:47:29.779Z
+ 2020-01-02T05:41:13.592Z
1.0
https://roadmap.sh/devops
monthly
- 2019-12-06T14:05:44.157Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/devops/summary
monthly
- 2019-12-06T14:05:44.157Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/devops/junior
monthly
- 2019-12-06T11:47:29.780Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/devops/intermediate
monthly
- 2019-12-06T11:47:29.780Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/devops/senior
monthly
- 2019-12-06T11:47:29.780Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/fullstack
monthly
- 2019-12-06T14:06:43.870Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/fullstack/summary
monthly
- 2019-12-06T14:06:43.870Z
+ 2020-01-02T05:41:13.593Z
1.0
https://roadmap.sh/qa
monthly
- 2019-12-06T14:06:57.267Z
+ 2020-01-02T05:41:13.594Z
1.0
https://roadmap.sh/qa/summary
monthly
- 2019-12-06T14:06:57.267Z
+ 2020-01-02T05:41:13.594Z
+ 1.0
+
+
+ https://roadmap.sh/guides/levels-of-seniority
+ monthly
+ 2019-12-03T12:13:00.860Z
1.0
@@ -210,34 +210,40 @@
2018-11-29T17:00:00.860Z
1.0
+
+ https://roadmap.sh/guides/history-of-javascript
+ monthly
+ 2017-10-28T17:00:00.860Z
+ 1.0
+
https://roadmap.sh/about
monthly
- 2019-12-06T11:47:29.739Z
+ 2020-01-02T05:41:16.178Z
0.8
https://roadmap.sh/guides
monthly
- 2019-12-06T11:47:29.740Z
+ 2020-01-02T05:41:16.178Z
1.0
https://roadmap.sh/
monthly
- 2019-12-06T11:47:29.740Z
+ 2020-01-02T05:41:16.178Z
1.0
https://roadmap.sh/roadmaps
monthly
- 2019-12-06T11:47:29.741Z
+ 2020-01-02T05:41:16.179Z
1.0
https://roadmap.sh/signup
monthly
- 2019-12-06T11:47:29.741Z
+ 2020-01-02T05:41:16.179Z
0.9
\ No newline at end of file
diff --git a/storage/roadmaps.json b/storage/roadmaps.json
index fb5010980..61b1e1f39 100644
--- a/storage/roadmaps.json
+++ b/storage/roadmaps.json
@@ -8,7 +8,7 @@
"url": "https://twitter.com/kamranahmedse"
},
"featured": true,
- "detailed": true,
+ "detailed": false,
"versions": [
"latest",
"2018",
@@ -94,13 +94,6 @@
"title": "Go Beyond",
"path": "/roadmaps/1-frontend/2-Learn/8-Go-Beyond.md"
}
- ],
- "_others": [
- {
- "url": "/frontend/contributors",
- "title": "contributors",
- "path": "/roadmaps/1-frontend/_others/contributors.md"
- }
]
}
},
diff --git a/storage/roadmaps/1-frontend/0-About/0-Summary-detailed.md b/storage/roadmaps/1-frontend/0-About/0-Summary-detailed.md
new file mode 100644
index 000000000..ca31f1b85
--- /dev/null
+++ b/storage/roadmaps/1-frontend/0-About/0-Summary-detailed.md
@@ -0,0 +1,15 @@
+#### What is a Frontend Developer?
+A frontend developer is someone who works on the side of the websites that the user interacts with i.e. front or the client side of the website. Whenever you visit a website, everything that you see is mainly developed by the frontend developers.
+
+They work with designers or UX teams to convert their mockups or wireframes to the actual website that the users can interact with. Also they work with [backend developers](/backend) who work with database and servers to get the data from and to display on the website. Wikipedia describes frontend development as follows
+
+> [According to Wikipedia](https://en.wikipedia.org/wiki/Front-end_web_development):
+>
+> Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.
+
+#### Key Components of a Website
+If we talk about the frontend, all the websites are mainly built with three key technologies – **HTML**, **CSS** and **JavaScript**. If you know just these three, you can start building websites and be employable.
+
+Before we proceed, let me give you a brief overview of how **HTML**, **CSS** and **JavaScript** are used on the website. **HTML** provides the structure to a website i.e. all the text, headings, paragraphs, images etc that you see on the website, they have been created with HTML. HTML provides you just the structure, you need to put another layer on top of it to make the website pretty - this next layer is CSS. **CSS** helps make your websites pretty - the colors, backgrounds, font size, borders, shadows etc are controlled using CSS. And finally, the third layer is **JavaScript** which helps make the website interactive e.g. controlling the actions like showing a popup, switching slider images upon click etc is all controlled by JavaScript.
+
+To understand it better, let me provide the analogy of a human body, the skeleton provides structure to our bodies so it can be equivalent to the HTML, the skin which hides the structure of our bodies and beautifies is like CSS and the muscles which help us perform different actions can be JavaScript.
diff --git a/storage/roadmaps/1-frontend/0-About/0-Summary.md b/storage/roadmaps/1-frontend/0-About/0-Summary.md
index ca31f1b85..c05763c80 100644
--- a/storage/roadmaps/1-frontend/0-About/0-Summary.md
+++ b/storage/roadmaps/1-frontend/0-About/0-Summary.md
@@ -1,15 +1 @@
-#### What is a Frontend Developer?
-A frontend developer is someone who works on the side of the websites that the user interacts with i.e. front or the client side of the website. Whenever you visit a website, everything that you see is mainly developed by the frontend developers.
-
-They work with designers or UX teams to convert their mockups or wireframes to the actual website that the users can interact with. Also they work with [backend developers](/backend) who work with database and servers to get the data from and to display on the website. Wikipedia describes frontend development as follows
-
-> [According to Wikipedia](https://en.wikipedia.org/wiki/Front-end_web_development):
->
-> Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.
-
-#### Key Components of a Website
-If we talk about the frontend, all the websites are mainly built with three key technologies – **HTML**, **CSS** and **JavaScript**. If you know just these three, you can start building websites and be employable.
-
-Before we proceed, let me give you a brief overview of how **HTML**, **CSS** and **JavaScript** are used on the website. **HTML** provides the structure to a website i.e. all the text, headings, paragraphs, images etc that you see on the website, they have been created with HTML. HTML provides you just the structure, you need to put another layer on top of it to make the website pretty - this next layer is CSS. **CSS** helps make your websites pretty - the colors, backgrounds, font size, borders, shadows etc are controlled using CSS. And finally, the third layer is **JavaScript** which helps make the website interactive e.g. controlling the actions like showing a popup, switching slider images upon click etc is all controlled by JavaScript.
-
-To understand it better, let me provide the analogy of a human body, the skeleton provides structure to our bodies so it can be equivalent to the HTML, the skin which hides the structure of our bodies and beautifies is like CSS and the muscles which help us perform different actions can be JavaScript.
+![](/static/roadmaps/frontend.png)
diff --git a/storage/roadmaps/1-frontend/meta.json b/storage/roadmaps/1-frontend/meta.json
index 797fec18c..81174c05b 100644
--- a/storage/roadmaps/1-frontend/meta.json
+++ b/storage/roadmaps/1-frontend/meta.json
@@ -7,7 +7,7 @@
"url": "https://twitter.com/kamranahmedse"
},
"featured": true,
- "detailed": true,
+ "detailed": false,
"versions": [
"latest",
"2018",