info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-01 13:22:38 +02:00
Code Issues Releases Wiki Activity

Add design system roadmap

Browse Source
This commit is contained in:
Kamran Ahmed
2022-09-13 15:36:22 +04:00
parent 641297181d
commit 4311c30f28
10 changed files with 5835 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/home/featured-roadmaps-list.tsx
View File

@@ -19,12 +19,6 @@ export const upcomingRoadmaps = [
title: 'React Native',
description: 'Step by step guide to become a React Native Developer',
id: 'react-native'
},
{
type: 'Skill Based',
title: 'Design System',
description: 'Flowchart to help you plan and build your Design System',
id: 'design-system'
}
];

1
content/pages/pdfs.md
View File

@@ -14,6 +14,7 @@ Here is the list of PDF links for each of the roadmaps.
* **Angular Roadmap** - [Roadmap Link](https://roadmap.sh/angular) / [PDF Link](https://roadmap.sh/pdfs/angular.pdf)
* **React Roadmap** - [Roadmap Link](https://roadmap.sh/react) / [PDF Link](https://roadmap.sh/pdfs/react.pdf)
* **Vue Roadmap** - [Roadmap Link](https://roadmap.sh/vue) / [PDF Link](https://roadmap.sh/pdfs/vue.pdf)
* **Design System Roadmap** - [Roadmap Link](https://roadmap.sh/design-system) / [PDF Link](https://roadmap.sh/pdfs/design-system.pdf)
* **Blockchain Roadmap** - [Roadmap Link](https://roadmap.sh/blockchain) / [PDF Link](https://roadmap.sh/pdfs/blockchain.pdf)
* **Go Roadmap** - [Roadmap Link](https://roadmap.sh/go) / [PDF Link](https://roadmap.sh/pdfs/go.pdf)
* **Java Roadmap** - [Roadmap Link](https://roadmap.sh/java) / [PDF Link](https://roadmap.sh/pdfs/java.pdf)

53
content/roadmaps.json
View File

@@ -692,6 +692,59 @@
"id": "java",
"metaPath": "/roadmaps/110-java/meta.json"
},
{
"seo": {
"title": "How to Create a Design System",
"description": "Learn how to create a design system or become a design system engineer with this step by step guide with resources.",
"keywords": [
"guide to create a design system",
"guide to becoming a design system engineer",
"design system engineer",
"design system engineer",
"design system skills",
"guide to design system",
"design system roadmap",
"design system skills",
"design system skills test",
"skills for design system",
"what is design system",
"design system quiz",
"design system interview questions",
"design system engineer roadmap",
"design system engineer roadmap",
"become a design system engineer",
"design system engineer career path",
"design system engineer",
"modern design system engineer"
]
},
"title": "Design System",
"description": "Learn how to create a design system with this step by step guide",
"featuredTitle": "Design System",
"type": "tool",
"featuredDescription": "Step by step guide to building a modern Design System",
"isTextHeavy": false,
"isCommunity": false,
"isUpcoming": false,
"featured": true,
"jsonUrl": "/project/design-system.json",
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
},
"pdfUrl": "/pdfs/design-system.pdf",
"contentPathsFilePath": "/roadmaps/111-design-system/content-paths.json",
"relatedRoadmaps": [
"frontend",
"javascript",
"react",
"vue",
"angular",
"nodejs"
],
"id": "design-system",
"metaPath": "/roadmaps/111-design-system/meta.json"
},
{
"seo": {
"title": "DBA Roadmap: Learn to become a database administrator with PostgreSQL",

51
content/roadmaps/111-design-system/meta.json Normal file
View File

@@ -0,0 +1,51 @@
{
"seo": {
"title": "How to Create a Design System",
"description": "Learn how to create a design system or become a design system engineer with this step by step guide with resources.",
"keywords": [
"guide to create a design system",
"guide to becoming a design system engineer",
"design system engineer",
"design system engineer",
"design system skills",
"guide to design system",
"design system roadmap",
"design system skills",
"design system skills test",
"skills for design system",
"what is design system",
"design system quiz",
"design system interview questions",
"design system engineer roadmap",
"design system engineer roadmap",
"become a design system engineer",
"design system engineer career path",
"design system engineer",
"modern design system engineer"
]
},
"title": "Design System",
"description": "Learn how to create a design system with this step by step guide",
"featuredTitle": "Design System",
"type": "tool",
"featuredDescription": "Step by step guide to building a modern Design System",
"isTextHeavy": false,
"isCommunity": false,
"isUpcoming": false,
"featured": true,
"jsonUrl": "/project/design-system.json",
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
},
"pdfUrl": "/pdfs/design-system.pdf",
"contentPathsFilePath": "./content-paths.json",
"relatedRoadmaps": [
"frontend",
"javascript",
"react",
"vue",
"angular",
"nodejs"
]
}

2
lib/roadmap.ts
View File

@@ -49,5 +49,5 @@ export function getFeaturedRoadmaps(): RoadmapType[] {
}
export function isInteractiveRoadmap(id: string): boolean {
return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa'].includes(id);
return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system'].includes(id);
}

4
pages/[roadmap]/interactive.tsx
View File

@@ -158,6 +158,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
minHeight = ['865px', '1610px', '1610px', '2200px', '2200px', '2200px'];
}
if (roadmap.id === 'design-system') {
minHeight = ['915px', '1760px', '1880px', '2370px', '2370px', '2370px'];
}
return (
<Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
{(isLoading || isRendering) && <RoadmapLoader />}

BIN
public/pdfs/design-system.pdf Normal file
View File

Binary file not shown.

5719
public/project/design-system.json Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
public/roadmaps/design-system.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 699 KiB

6
public/sitemap.xml
View File

@@ -72,6 +72,12 @@
<lastmod>2022-09-08T15:56:13.247Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/design-system</loc>
<changefreq>monthly</changefreq>
<lastmod>2022-09-13T11:35:13.011Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/postgresql-dba</loc>
<changefreq>monthly</changefreq>