[!NOTE] 此翻譯目前基於 2021 年版本。原著 roadmap.sh 已大幅更新（含 AI/ML 等全新路線圖），我們計畫持續跟進翻譯，歡迎透過 Issue 或 PR 協助更新！

2021 年成為 Web 開發人員的路線圖

在下方，你會看到一系列的圖表，展示為了成為前端、後端或 DevOps 開發人員，你可以採取的路徑和你會想採用的技術。我為我的一位老教授做了這些圖表，他想和大學生分享一些東西，給他們一個觀點；在這裡分享它們以幫助社群。

---

^{特別公告：}

_{我們現在有 YouTube 頻道了
我計畫把包含路線圖以及更多的內容放在那裡
訂閱頻道}

---

路線圖的目的

這些路線圖的目的是給你一個輪廓，並在你困惑接下來該學什麼時為你提供指導，而不是鼓勵你學習很潮很流行的東西。你應該要更加了解，為什麼某個工具會比其他的工具更適合用在一些情況，並記住潮和流行，從來就不代表它是最適合完成任務的工具。

給初學者的小提醒

這些路線圖涵蓋了下方路徑的所有需要學習內容。不要感到不知所措，如果你才剛入門，你不需要在一開始就學會所有的東西。我們正在努力製作初學者的版本，並且將在我們釋出 2021 年版的後端以及 DevOps 路線圖後 盡快釋出。

---

如果你覺得有任何地方可以改進，歡迎提出建議。

台灣正體中文翻譯

最近更新

其餘更新請參閱 更新日誌

a42d241 - 2021-01-09

• 更新至 2021 年版本
• 授權條款：此專案改由 CC BY-NC-SA 4.0 釋出

此次升版詳細資料

• 介紹
  • 移除「SOLID、KISS、YAGNI」
• 前端
  • 新增全新段落
    • 網際網路
    • VCS
    • 網路安全知識
    • Web 元件
    • GraphQL
  • HTML：新增「表單和驗證」、「慣例和最佳做法」
  • CSS：新增「回應式設計」
  • CSS 架構：已不推薦 OOCSS 和 SMACSS
  • 任務執行器：已不推薦 Gulp
  • 格式化工具：已不推薦 StandardJS，並移除 JSHint 與 JSLint
  • 模組打包工具：更改推薦順序為 Webpack > Rollup > Parcel
  • React.js：優先推薦使用 Redux
  • 現代 CSS：從 CSS in JS 段落更名而來，新增 Styled JSX 作為替代選項，已不推薦 Radium 和 Glamorous
  • CSS 框架：新增一些以 JS component 為基礎的框架，移除 Semantic UI
  • 測試工具：新增 react-testing-library，已不推薦 Mocha、Chai、Ava、Jasmine，移除 Karma 和 Protractor
  • 類型檢查工具：已不推薦 Flow
  • SSR：已不推薦 After.js
  • SSG：新增多個工具，並新增推薦 Next.js
  • 手機應用程式：新增 Flutter 和 Ionic
  • 桌面應用程式：已不推薦 Carlo 和 Proton Native
  • WASM：更新敘述
• 後端
  • 舊有的文字敘述方式已經替換成全新的樹狀地圖
  • 新增段落
    • 網際網路
    • 基礎的前端知識
    • 網路安全知識
    • 作業系統和基本知識，包含 POSIX 的基礎知識、基礎的終端機指令等內容
    • 版本控制系統
    • 倉儲代管服務
    • 更多關於資料庫，如 ORM、ACID、交易、N+1、正規化、索引
    • CI/CD
    • 設計和開發原則
    • 架構模式
    • GraphQL 改為段落
    • 圖形資料庫改為段落
    • 規模化建設
  • 程式語言段落：推薦 JavaScript，其他語言為替代選項，移除函數程式語言
  • 關聯式資料庫：原本優先推薦 MySQL，現在推薦 PostgreSQL，MySQL 與 MariaDB 改為替代選項
  • NoSQL 資料庫：增加分類，並更新推薦與替代選項
  • 擴充 API 段落：REST、JSON、SOAP、gRPC、HATEOAS、OpenAPI 規範
  • API 認證段落：OpenID 改為替代選想，加入 Cookie Based 和 SAML 兩個替代選項
  • 搜尋引擎：Solr 改為替代選項，移除 Sphinx
  • 網頁伺服器：Apache 改為替代選項
• DevOps
  • 新增段落
    • Linux 改為段落
    • Unix 改為段落
    • 終端機多工器
    • 服務網格
    • 雲端設計模式
  • 學習程式語言：將 C 與 C++ 分開條列
  • 瞭解不同的作業系統概念：新增 POSIX 的基礎知識、網路概念、init.d、systemd
  • 終端機：網路工具新增 netstat
  • 網路與安全：擴充為「網路、安全與協定」，新增 SSH、Port Forwarding，以及新增 email 子段落
  • 網頁伺服器：Apache 改為替代選項
  • 容器：移除 rkt
  • 基礎建設佈建：新增 Pulumi 為替代選項
  • 學習一些 CI/CD 工具：TeamCity 改為替代選項，移除 Drone，推薦 Gitlab CI、GitHub Actions，新增替代選項 Bamboo、Azure DevOps Services
  • 基礎建設監控：新增推薦 Prometheus、Grafana，移除 Icinga
  • 應用程式監控：新增推薦 Jaeger，New Relic 改為推薦，新增 Instana、OpenTracing 為替代選項
  • 日誌管理：ELK Stack 更新為 Elastic Stack，並推薦使用
  • 雲端供應商：新增 Linode、Vultr 為替代選項，不推薦阿里雲

譯者前言

嗨大家好我是小克 👋，從 2017 年開始注意到這個 repo 覺得獲益良多，所以就試著翻譯看看，分享給更多需要的人。由於這裡是翻譯 repo，關於內容的任何建議，推薦你直接回饋給 kamranahmedse/developer-roadmap，當然需要我協助也是可以的 :D

這裡的中文都盡量使用 台灣用語及術語，資訊相關的術語都會在翻譯旁保留原文供參考。中文排版皆盡可能地依循 中文文案排版指北（若有不符的地方請跟我說）。

這是我第一次翻譯，難免有疏漏、語意不順、用詞不精準及翻譯錯誤的地方，如果有任何可以改進之處，都非常歡迎開 issue 或 PR！

當然，若原作有更新，也歡迎開 issue 告知，或 PR 協助翻譯，謝謝！

接受任何意見回饋

_{小小的推廣拙作：小克的 Visual Studio Code 必裝擴充套件（Extensions）私藏推薦}

介紹

前端 Frontend 路線圖

後端 Back-end 路線圖

DevOps 路線圖

🚦 總結

如果你認為路線圖有可以改進的地方，歡迎在 issue 中討論。另外，我也會繼續改進這個專案，所以你可以 watch 這個專案或在 roadmap.sh 訂閱以便再來觀看。

🙌 貢獻

到 貢獻文件 看看怎麼更新這些路線圖

• 改進並開啟 Pull Request
• 在 Issue 中討論想法
• 分享出去
• 接受任何意見回饋
• （關於中文翻譯）接受任何意見回饋

授權條款

2021 年成為 Web 開發人員的路線圖台灣正體中文翻譯版由 小克 製作，以 創用 CC 姓名標示-非商業性-相同方式分享 4.0 國際 授權條款 釋出。