Add the Chinese version of intro, disclaimer and backend roadmap

pull/494/head
小克 7 years ago
parent c2f7754b0d
commit 260069c37c
  1. BIN
      chinese-version/images/backend.png
  2. BIN
      chinese-version/images/disclaimer.png
  3. BIN
      chinese-version/images/intro.png
  4. 5700
      chinese-version/project/backend-map.json
  5. 106
      chinese-version/project/disclaimer.json
  6. 572
      chinese-version/project/intro-map.json
  7. 61
      readme-eng.md
  8. 52
      readme.md

Binary file not shown.

After

Width:  |  Height:  |  Size: 793 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

File diff suppressed because it is too large Load Diff

@ -0,0 +1,106 @@
{
"mockup": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "911",
"h": "274",
"measuredW": "200",
"measuredH": "140",
"x": "223",
"y": "170",
"properties": {
"color": "16777215"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "160",
"measuredH": "40",
"x": "245",
"y": "190",
"properties": {
"bold": "true",
"size": "32",
"text": "免責聲明!"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "384",
"measuredH": "32",
"x": "245",
"y": "246",
"properties": {
"size": "24",
"text": "這個路線圖的目的是給你一個輪廓,"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
"measuredW": "456",
"measuredH": "32",
"x": "245",
"y": "282",
"properties": {
"size": "24",
"text": "並在你困惑接下來該學什麼的時候指導你。"
}
},
{
"ID": "4",
"typeID": "Label",
"zOrder": "4",
"measuredW": "408",
"measuredH": "32",
"x": "245",
"y": "317",
"properties": {
"size": "24",
"text": "而不是鼓勵你學習很潮很流行的東西。"
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"measuredW": "799",
"measuredH": "32",
"x": "245",
"y": "353",
"properties": {
"size": "24",
"text": "你應該要 *更加了解,為什麼某個工具會比其他的工具更適合用在一些情況*,"
}
},
{
"ID": "6",
"typeID": "Label",
"zOrder": "6",
"measuredW": "648",
"measuredH": "32",
"x": "245",
"y": "389",
"properties": {
"size": "24",
"text": "*並記住潮和流行,從來就不代表它是最適合完成任務的工具*。"
}
}
]
},
"mockupH": "274",
"mockupW": "911",
"measuredW": "1134",
"measuredH": "444",
"version": "1.0"
}
}

@ -0,0 +1,572 @@
{
"mockup": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Label",
"zOrder": "0",
"measuredW": "328",
"measuredH": "40",
"x": "450",
"y": "74",
"properties": {
"bold": "true",
"size": "32",
"text": "2018 的 Web 開發人員"
}
},
{
"ID": "1",
"typeID": "Arrow",
"zOrder": "1",
"w": "56",
"h": "129",
"measuredW": "150",
"measuredH": "100",
"x": "633",
"y": "230",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.4809160305343512,
"y": 0.198473282442748
},
"p2": {
"x": 49,
"y": 127
},
"shape": "bezier"
}
},
{
"ID": "2",
"typeID": "Arrow",
"zOrder": "2",
"w": "133",
"h": "131",
"measuredW": "150",
"measuredH": "100",
"x": "468",
"y": "229",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "bottom",
"leftArrow": "false",
"p0": {
"x": 131,
"y": 0
},
"p1": {
"x": 0.5684088130944218,
"y": -0.21788259145523384
},
"p2": {
"x": 1,
"y": 129
},
"shape": "bezier"
}
},
{
"ID": "3",
"typeID": "TextInput",
"zOrder": "3",
"w": "138",
"measuredW": "134",
"measuredH": "32",
"x": "391",
"y": "367",
"properties": {
"align": "center",
"color": "16767334",
"size": "18",
"text": "前端 Front-end"
}
},
{
"ID": "4",
"typeID": "Label",
"zOrder": "4",
"measuredW": "120",
"measuredH": "28",
"x": "555",
"y": "189",
"properties": {
"bold": "true",
"size": "20",
"text": "選擇你的路徑"
}
},
{
"ID": "5",
"typeID": "TextInput",
"zOrder": "5",
"w": "258",
"measuredW": "127",
"measuredH": "32",
"x": "68",
"y": "81",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "Git - 版本控制"
}
},
{
"ID": "6",
"typeID": "TextInput",
"zOrder": "6",
"w": "259",
"measuredW": "50",
"measuredH": "32",
"x": "67",
"y": "116",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "SSH"
}
},
{
"ID": "7",
"typeID": "TextInput",
"zOrder": "7",
"w": "259",
"measuredW": "196",
"measuredH": "32",
"x": "67",
"y": "153",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "HTTP/HTTPS 和 APIs"
}
},
{
"ID": "8",
"typeID": "Label",
"zOrder": "8",
"measuredW": "119",
"measuredH": "25",
"x": "67",
"y": "45",
"properties": {
"bold": "true",
"size": "17",
"text": "任何路徑都需要"
}
},
{
"ID": "9",
"typeID": "TextInput",
"zOrder": "9",
"w": "259",
"measuredW": "158",
"measuredH": "32",
"x": "67",
"y": "191",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "基本終端機的使用"
}
},
{
"ID": "10",
"typeID": "Label",
"zOrder": "10",
"measuredW": "34",
"measuredH": "25",
"x": "926",
"y": "41",
"properties": {
"bold": "true",
"size": "17",
"text": "圖例"
}
},
{
"ID": "11",
"typeID": "TextInput",
"zOrder": "11",
"w": "240",
"measuredW": "104",
"measuredH": "32",
"x": "926",
"y": "84",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "個人推薦!"
}
},
{
"ID": "12",
"typeID": "TextInput",
"zOrder": "12",
"w": "240",
"measuredW": "104",
"measuredH": "32",
"x": "926",
"y": "120",
"properties": {
"align": "center",
"color": "15658734",
"size": "18",
"text": "可能的選項"
}
},
{
"ID": "13",
"typeID": "TextInput",
"zOrder": "13",
"w": "240",
"measuredW": "104",
"measuredH": "32",
"x": "926",
"y": "156",
"properties": {
"align": "center",
"color": "16770457",
"size": "18",
"text": "任選一個!"
}
},
{
"ID": "14",
"typeID": "Arrow",
"zOrder": "14",
"w": "1",
"h": "47",
"measuredW": "150",
"measuredH": "100",
"x": "614",
"y": "135",
"properties": {
"color": "6710886",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": 0,
"y": 46
},
"rightArrow": "false",
"shape": "bezier"
}
},
{
"ID": "15",
"typeID": "TextInput",
"zOrder": "15",
"w": "132",
"measuredW": "132",
"measuredH": "32",
"x": "595",
"y": "368",
"properties": {
"align": "center",
"color": "16767334",
"size": "18",
"text": "後端 Back-end"
}
},
{
"ID": "16",
"typeID": "Arrow",
"zOrder": "16",
"w": "1",
"h": "70",
"measuredW": "150",
"measuredH": "100",
"x": "459",
"y": "407",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5621504039776257,
"y": 0.004661280298321849
},
"p2": {
"x": 0,
"y": 69
},
"rightArrow": "false",
"shape": "bezier",
"stroke": "dotted"
}
},
{
"ID": "17",
"typeID": "Arrow",
"zOrder": "17",
"w": "123",
"h": "12",
"measuredW": "150",
"measuredH": "100",
"x": "731",
"y": "373",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 11
},
"p1": {
"x": 0.45357350377687367,
"y": 0.059732713538640264
},
"p2": {
"x": 122,
"y": 4
},
"shape": "bezier",
"stroke": "solid"
}
},
{
"ID": "18",
"typeID": "TextInput",
"zOrder": "18",
"w": "112",
"measuredW": "80",
"measuredH": "32",
"x": "866",
"y": "361",
"properties": {
"align": "center",
"color": "16767334",
"size": "18",
"text": "DevOps"
}
},
{
"ID": "19",
"typeID": "Arrow",
"zOrder": "19",
"w": "1",
"h": "70",
"measuredW": "150",
"measuredH": "100",
"x": "649",
"y": "410",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.4608695652173913,
"y": 0.01304347826086956
},
"p2": {
"x": 0,
"y": 69
},
"rightArrow": "false",
"shape": "bezier",
"stroke": "dotted"
}
},
{
"ID": "20",
"typeID": "Arrow",
"zOrder": "20",
"w": "1",
"h": "77",
"measuredW": "150",
"measuredH": "100",
"x": "917",
"y": "403",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.4537465672812867,
"y": 0.01247548058061985
},
"p2": {
"x": 0,
"y": 76
},
"rightArrow": "false",
"shape": "bezier",
"stroke": "dotted"
}
},
{
"ID": "21",
"typeID": "TextInput",
"zOrder": "21",
"w": "258",
"measuredW": "122",
"measuredH": "32",
"x": "68",
"y": "228",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "學習研究方法"
}
},
{
"ID": "22",
"typeID": "TextArea",
"zOrder": "22",
"w": "258",
"h": "121",
"measuredW": "200",
"measuredH": "140",
"x": "68",
"y": "398",
"properties": {
"color": "15658734",
"text": " \n建立一個個人檔案。\n探索有關的開源專案。\n養成習慣深入瞭解你喜歡的專案。\n建立和貢獻開源專案。"
}
},
{
"ID": "23",
"typeID": "TextInput",
"zOrder": "23",
"w": "258",
"measuredW": "69",
"measuredH": "32",
"x": "68",
"y": "373",
"properties": {
"align": "center",
"borderStyle": "rectangle",
"color": "16776960",
"size": "18",
"text": "GitHub"
}
},
{
"ID": "24",
"typeID": "TextInput",
"zOrder": "24",
"w": "258",
"measuredW": "158",
"measuredH": "32",
"x": "68",
"y": "265",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "資料結構和演算法"
}
},
{
"ID": "25",
"typeID": "TextInput",
"zOrder": "25",
"w": "258",
"measuredW": "86",
"measuredH": "32",
"x": "68",
"y": "301",
"properties": {
"align": "center",
"color": "16776960",
"size": "18",
"text": "字元編碼"
}
},
{
"ID": "26",
"typeID": "Icon",
"zOrder": "26",
"measuredW": "32",
"measuredH": "32",
"x": "926",
"y": "200",
"properties": {
"color": "2848996",
"icon": {
"ID": "circle",
"size": "medium"
}
}
},
{
"ID": "27",
"typeID": "Label",
"zOrder": "27",
"measuredW": "160",
"measuredH": "28",
"x": "964",
"y": "203",
"properties": {
"size": "20",
"text": "現在建立一些東西"
}
},
{
"ID": "28",
"typeID": "TextInput",
"zOrder": "28",
"w": "258",
"measuredW": "86",
"measuredH": "32",
"x": "68",
"y": "337",
"properties": {
"align": "center",
"color": "15658734",
"size": "18",
"text": "設計模式"
}
}
]
},
"mockupH": "478",
"mockupW": "1099",
"measuredW": "1166",
"measuredH": "519",
"version": "1.0"
}
}

@ -0,0 +1,61 @@
![Web Developer Roadmap](https://i.imgur.com/oxsayps.png)
> Roadmap to becoming a web developer in 2018
Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective.
If you think that these can be improved in anyway, please do suggest.
<br>
<p align="center">
<img src="./images/disclaimer.png" width="750">
</p>
<br>
<sub>Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse).</sub>
## 🚀 Introduction
![](https://i.imgur.com/OZUOUtI.png)
## 🎨 Frontend Roadmap
![](./images/frontend-v2.png)
## 👽 Back-end Roadmap
![](./images/backend.png)
## 👷 DevOps Roadmap
![](https://i.imgur.com/pyg9mH1.png)
## 🚦 Wrap Up
If you think any of the roadmaps can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.
## ☑ TODO
- [X] Add Frontend Roadmap
- [X] Add Backend Roadmap
- [X] Add DevOps Roadmap
- [ ] Add relevant resources for each
## 👬 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.
- Open pull request with improvements
- Discuss ideas in issues
- Spread the word
- Reach out with any feedback [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/kamranahmedse.svg?style=social&label=Follow%20%40kamranahmedse)](https://twitter.com/kamranahmedse)
## Sponsored By
- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io)
- [Highig - Think and its done](http://highig.com/)
## License
[![License: CC BY 4.0](https://img.shields.io/badge/License-CC0%201.0-brightgreen.svg?style=flat-square)](https://creativecommons.org/licenses/by/4.0/)

@ -1,61 +1,65 @@
![Web Developer Roadmap](https://i.imgur.com/oxsayps.png)
> Roadmap to becoming a web developer in 2018
> 2018 年成為 Web 開發人員的路線圖
Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective.
在下方,你會看到一系列的圖表,展示為了成為前端、後端或 DevOps 開發人員,你可以採取的路徑和你會想採用的技術。我為我的一位老教授做了這些圖表,他想和大學生分享一些東西,給他們一個視角。
If you think that these can be improved in anyway, please do suggest.
如果你認為這些內容有任何方式可以改進,請提供建議。
<br>
<p align="center">
<img src="./images/disclaimer.png" width="750">
<img src="./chinese-version/images/disclaimer.png" width="750">
</p>
<br>
<sub>Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse).</sub>
<sub>看看我的[部落格](http://kamranahmed.info),然後來 [Twitter](https://twitter.com/kamranahmedse) 說聲 "hi"。</sub>
<sub>(譯註:也歡迎來逛逛我的[部落格](http://goodjack.blogspot.com/),然後來 [Twitter](https://twitter.com/littlegoodjack) 打個招呼 :P)</sub>
## 🚀 Introduction
## 🚀 介紹
![](https://i.imgur.com/OZUOUtI.png)
![](./chinese-version/images/intro.png)
## 🎨 Frontend Roadmap
## 🎨 前端 Frontend 路線圖
> 譯註:尚未翻譯完成...
![](./images/frontend-v2.png)
## 👽 Back-end Roadmap
## 👽 後端 Back-end 路線圖
![](./images/backend.png)
![](./chinese-version/images/backend.png)
## 👷 DevOps Roadmap
## 👷 DevOps 路線圖
> 譯註:尚未翻譯完成...
![](https://i.imgur.com/pyg9mH1.png)
## 🚦 Wrap Up
## 🚦 總結
If you think any of the roadmaps can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.
如果你認為路線圖有可以改進的地方,請更新並開個 PR 或是送出 issue。另外,我也會繼續改進這個專案,所以你可能會想要 watch 或 star 這個專案以便再來觀看。
## ☑ TODO
- [X] Add Frontend Roadmap
- [X] Add Backend Roadmap
- [X] Add DevOps Roadmap
- [ ] Add relevant resources for each
- [X] 新增前端 Frontend 路線圖
- [X] 新增後端 Backend 路線圖
- [X] 新增 DevOps 路線圖
- [ ] 為每個項目新增相關的資源
## 👬 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.
這些路線圖是用 [Balsamiq](https://balsamiq.com/products/mockups/) 建構的。專案文件可以在 `/project` 目錄中找到。要修改任何路線圖, 請打開 Balsamiq,點選 **Project > Import > Mockup JSON**,它就會幫你開啟路線圖,更新他,在 readme 中上傳和更新這些圖片,並開啟一個 PR。
- Open pull request with improvements
- Discuss ideas in issues
- Spread the word
- Reach out with any feedback [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/kamranahmedse.svg?style=social&label=Follow%20%40kamranahmedse)](https://twitter.com/kamranahmedse)
- 改進並開啟 Pull Request
- 在 Issue 中討論想法
- 分享出去
- 接受任何意見回饋 [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/kamranahmedse.svg?style=social&label=Follow%20%40kamranahmedse)](https://twitter.com/kamranahmedse)
- (關於中文翻譯)接受任何意見回饋 [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/littlegoodjack.svg?style=social&label=Follow%20@littlegoodjack)](https://twitter.com/littlegoodjack)
## Sponsored By
- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io)
- [Highig - Think and its done](http://highig.com/)
## License
## 授權條款
[![License: CC BY 4.0](https://img.shields.io/badge/License-CC0%201.0-brightgreen.svg?style=flat-square)](https://creativecommons.org/licenses/by/4.0/)

Loading…
Cancel
Save