gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

👌 IMPROVE: Contribution Docs + Fix Frontend RoadMap (#498)

Browse Source 
* 📦 NEW: No auto formatting for JSON in VSCode

* 👌 IMPROVE: lingo for several libraries/software

* 👌 IMPROVE: alt text for Web Developer Roadmap Introduction

* 👌 IMPROVE: alt text for Frontend Roadmap

* 👌 IMPROVE: alt text for Back-end Roadmap

* 👌 IMPROVE: alt text for DevOps Roadmap

*  📖 DOC: make contribution fun again with more details

* 🐛 FIX: names of several libraries/software
This commit is contained in:
Ahmad Awais ⚡️
2018-10-16 12:21:44 +05:00
committed by Kamran Ahmed
parent f6f5c821b3
commit 8d605735b2
4 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,6 @@
{
"[json]": {
"editor.formatOnSave": false,
"editor.formatOnPaste": false
},
}

BIN
images/frontend-v2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 996 KiB

After

Width:  |  Height:  |  Size: 666 KiB

2
project/frontend-map.json
View File

File diff suppressed because one or more lines are too long

18
readme.md
View File

@ -11,19 +11,19 @@ Below you find a set of charts demonstrating the paths that you can take and the
## 🚀 Introduction
![](https://i.imgur.com/OZUOUtI.png)
![Web Developer Roadmap Introduction](https://i.imgur.com/OZUOUtI.png)
## 🎨 Frontend Roadmap
![](./images/frontend-v2.png)
![Frontend Roadmap](./images/frontend-v2.png)
## 👽 Back-end Roadmap
![](./images/backend.png)
![Back-end Roadmap](./images/backend.png)
## 👷 DevOps Roadmap
![](./images/devops.png)
![DevOps Roadmap](./images/devops.png)
## 🚦 Wrap Up
@ -38,7 +38,15 @@ If you think any of the roadmaps can be improved, please do open a PR with any u
## 👫 Contribution
The roadmaps are built using [Balsamiq](https://balsamiq.com/products/mockups/). Project file can be found at `/project` directory. To modify any of the roadmaps, open Balsamiq, click **Project > Import > Mockup JSON**, it will open the roadmap for you, update it, upload and update the images in readme and create a PR.
> _**PRE-REQUISITE**: The roadmaps are built using [Balsamiq →](https://balsamiq.com/products/mockups/)_
1. 🤔 **WHERE**: Project file can be found at [`/project`](./project) directory
2. ⬇️ **IMPORT**: To modify any of the roadmaps, open Balsamiq, click <kbd>Project</kbd> ❯ <kbd>Import</kbd> ❯ <kbd>Mockup JSON</kbd>, put the relevant JSON file data from any roadmap in the [`/project`](./project) directory in Balsamiq
3. 😮 **WHAT**: This will open the relevant roadmap for you. Now update it (double-click to edit text) and make all the changes
4. ⬆️ **EXPORT**:
1. 🖨 **JSON**: Export Mockup to JSON, click <kbd>Project</kbd> ❯ <kbd>Export</kbd> ❯ <kbd>Mockup to JSON</kbd> and update it in the [`/project`](./project) directory
2. 🖼 **IMAGES**: Before exporting images, make the background transparent (click <kbd>Project</kbd> ❯ <kbd>Export</kbd> ❯ <kbd>Use Transparent Background</kbd>). Now export the images (click <kbd>Project</kbd> ❯ <kbd>Export</kbd> ❯ <kbd>All Mockups to PNG</kbd>). Update the relevant images (keep the same name so you don't have to edit the `README.md` file) in the [`/images`](./images) directory
5. 🚀 **PR**: Create a Pull Request for this repository (make sure to explain what you changed in the description)
- Open pull request with improvements
- Discuss ideas in issues