開發人員路線圖

Web 開發人員路線圖 - 2021

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

原著路線圖官網 原著指南 原著其他譯文 原著 YouTube 頻道

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


特別公告:

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


路線圖的目的

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

給初學者的小提醒

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


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

台灣正體中文翻譯

Twitter 發推 Facebook 分享 Plurk 發噗 LINE 分享 翻譯回饋 @littlegoodjack

翻譯狀態

原著最後更新 本翻譯最後更新
原著最後更新 本翻譯最後更新

最近更新

其餘更新請參閱 更新日誌

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 協助翻譯,謝謝!

接受任何意見回饋 Twitter URL

小小的推廣拙作:小克的 Visual Studio Code 必裝擴充套件(Extensions)私藏推薦

介紹

Web 開發人員路線圖介紹

前端 Frontend 路線圖

下載原著 PDF 原著官網連結

前端 Frontend 路線圖

後端 Back-end 路線圖

下載原著 PDF 原著官網連結

後端 Back-end 路線圖

DevOps 路線圖

下載原著 PDF 原著官網連結

DevOps 路線圖

🚦 總結

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

🙌 貢獻

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

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

授權條款

License: CC BY-NC-SA 4.0

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

参考资料

https://github.com/goodjack/developer-roadmap-chinese/blob/master/README.md