Hello，大家好，我是你們的 前端章魚貓。

簡介

前端章魚貓從 2016 年加入 GitHub，到現在的 2020 年，快整整 5 個年頭了。

相信很多人都沒有逛 GitHub 的習慣，因此總會有開源信息的不對稱，有哪些優秀的前端開源項目值得學習的也不知道。

從 2018 年開始，我就養成了每天逛 GitHub 的習慣，一般在早上上班前或者中午午休的時候都會逛一下。

看看每天都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，值得我去學習的。

因此也收藏了不少好的開源項目，在公眾號【前端GitHub】上推薦給大家，每周會有一到三篇的文章推送。

希望你在瀏覽、學習了前端章魚貓推薦的這些開源項目的過程中，你能學習到更多編程知識、提高編程技巧、找到編程的樂趣。

★

【前端GitHub】，專注于挖掘 GitHub 上優秀的前端開源項目，抹平你的前端信息不對稱，涵蓋 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。

”

以下為【前端GitHub】的第 1 期內容。

前言

Web 開發是一個不斷變化的領域 - 我們今天構建網站的方式與幾年前的方式完全不同。

隨著大量工具的出現以及新工具的層出不窮，大多數時候開發人員發現對于自己該怎么選擇感到困惑。

如果你是一個剛剛踏入 WEB 開發的初學者，這里有一份修煉圖譜給你。

如果你是一個早已入門的高級開發者，那 2020 即將過去了，你的技術都學對了嗎 ？

快來檢驗一下吧！

前端

frontend-map.png

后端

devops-map.png

運維

devops-map.png

最后

文章中的技術圖片均來自如下開源項目：

【開發人員路線圖】：循序漸進的指南和路徑，以學習不同的工具或技術。

★

GitHub 中文地址：https://github.com/kamranahmedse/developer-roadmap/blob/master/translations/chinese

”

對了，新一年的 WEB開發路線圖 會在每年的年初進行更新，各位看官到時可以留意一下哦。

當然 前端章魚貓 也會關注的，到時出了新的技術圖譜，也會發出來的哦。

★

本文原文 GitHub 地址：https://github.com/biaochenxuying/FrontEndGitHub

”

在公眾號后臺回復：WEB2020 ，可以獲得超清圖片哦。

總結

以上是生活随笔為你收集整理的2020-WEB开发路线图，和即将到来的 2021-WEB技术清单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。