developer-roadmap-chinese icon indicating copy to clipboard operation
developer-roadmap-chinese copied to clipboard

2021 年成為 Web 開發人員的路線圖 台灣正體中文版

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 國際 授權條款 釋出。