github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2957 Commits
182 Branches
4 Tags
420 MiB
 
 
 
 
 
Tag: Branch: Tree: c5d14d2543
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c5d14d2543'
${ noResults }
developer-roadmap/bin
Kamran Ahmed 4f0b08ea93
Add sponsor action 		2 years ago
..
best-practice-content.cjs Change location for data files 2 years ago
compress-jsons.cjs Rearrange JSON files 2 years ago
readme.md Add forntend performance content 2 years ago
roadmap-ads.cjs Add sponsor action 2 years ago
roadmap-content.cjs Change location for data files 2 years ago
roadmap-links.cjs Change location for data files 2 years ago

readme.md

CLI Tools

A bunch of CLI scripts to make the development easier

roadmap-links.cjs

Generates a list of all the resources links in any roadmap file.

compress-jsons.cjs

Compresses all the JSON files in the public/jsons folder

roadmap-content.cjs

This command is used to create the content folders and files for the interactivity of the roadmap. You can use the below command to generate the roadmap skeletons inside a roadmap directory:

npm run roadmap-content [frontend|backend|devops|...]

For the content skeleton to be generated, we should have proper grouping, and the group names in the project files. You can follow the steps listed below in order to add the meta information to the roadmap.

  • Remove all the groups from the roadmaps through the project editor. Select all and press cmd+shift+g
  • Identify the boxes that should be clickable and group them together with cmd+shift+g
  • Assign the name to the groups.
    • Group names have the format of [sort]-[slug] e.g. 100-internet. Each group name should start with a number starting from 100 which helps with sorting of the directories and the files. Groups at the same level have the sequential sorting information.
    • Each groups children have a separate group and have the name similar to [sort]-[parent-slug]:[child-slug] where sort refers to the sorting of the child-slug and not the parent. Also parent-slug does not need to have the sorting information as a part of slug e.g. if parent was 100-internet the children would be 100-internet:how-does-the-internet-work, 101-internet:what-is-http, 102-internet:browsers.