小克
7 years ago
parent
c2f7754b0d
commit
260069c37c
8 changed files with 6467 additions and 24 deletions
|
After Width: | Height: | Size: 793 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
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 @@ |
|||||||
|
 |
||||||
|
|
||||||
|
> 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 |
||||||
|
|
||||||
|
 |
||||||
|
|
||||||
|
## 🎨 Frontend Roadmap |
||||||
|
|
||||||
|
 |
||||||
|
|
||||||
|
## 👽 Back-end Roadmap |
||||||
|
|
||||||
|
 |
||||||
|
|
||||||
|
## 👷 DevOps Roadmap |
||||||
|
|
||||||
|
 |
||||||
|
|
||||||
|
## 🚦 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 [](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 |
||||||
|
|
||||||
|
|
||||||
|
[](https://creativecommons.org/licenses/by/4.0/) |
||||||
@ -1,61 +1,65 @@ |
|||||||
 |
 |
||||||
|
|
||||||
> 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> |
<br> |
||||||
<p align="center"> |
<p align="center"> |
||||||
<img src="./images/disclaimer.png" width="750"> |
<img src="./chinese-version/images/disclaimer.png" width="750"> |
||||||
</p> |
</p> |
||||||
<br> |
<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 |
## 🚀 介紹 |
||||||
|
|
||||||
 |
 |
||||||
|
|
||||||
## 🎨 Frontend Roadmap |
## 🎨 前端 Frontend 路線圖 |
||||||
|
> 譯註：尚未翻譯完成... |
||||||
|
|
||||||
 |
 |
||||||
|
|
||||||
## 👽 Back-end Roadmap |
## 👽 後端 Back-end 路線圖 |
||||||
|
|
||||||
 |
 |
||||||
|
|
||||||
## 👷 DevOps Roadmap |
## 👷 DevOps 路線圖 |
||||||
|
> 譯註：尚未翻譯完成... |
||||||
|
|
||||||
 |
 |
||||||
|
|
||||||
## 🚦 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 |
## ☑ TODO |
||||||
|
|
||||||
- [X] Add Frontend Roadmap |
- [X] 新增前端 Frontend 路線圖 |
||||||
- [X] Add Backend Roadmap |
- [X] 新增後端 Backend 路線圖 |
||||||
- [X] Add DevOps Roadmap |
- [X] 新增 DevOps 路線圖 |
||||||
- [ ] 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. |
這些路線圖是用 [Balsamiq](https://balsamiq.com/products/mockups/) 建構的。專案文件可以在 `/project` 目錄中找到。要修改任何路線圖, 請打開 Balsamiq，點選 **Project > Import > Mockup JSON**，它就會幫你開啟路線圖，更新他，在 readme 中上傳和更新這些圖片，並開啟一個 PR。 |
||||||
|
|
||||||
- Open pull request with improvements |
- 改進並開啟 Pull Request |
||||||
- Discuss ideas in issues |
- 在 Issue 中討論想法 |
||||||
- Spread the word |
- 分享出去 |
||||||
- Reach out with any feedback [](https://twitter.com/kamranahmedse) |
- 接受任何意見回饋 [](https://twitter.com/kamranahmedse) |
||||||
|
- （關於中文翻譯）接受任何意見回饋 [](https://twitter.com/littlegoodjack) |
||||||
|
|
||||||
## Sponsored By |
## Sponsored By |
||||||
|
|
||||||
- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io) |
- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io) |
||||||
- [Highig - Think and its done](http://highig.com/) |
- [Highig - Think and its done](http://highig.com/) |
||||||
|
|
||||||
## License |
## 授權條款 |
||||||
|
|
||||||
|
|
||||||
[](https://creativecommons.org/licenses/by/4.0/) |
[](https://creativecommons.org/licenses/by/4.0/) |
||||||
|
|||||||
Loading…
Reference in new issue