[[379648]]

本文轉載自微信公眾號「前端GitHub」，作者貓哥。轉載本文請聯系前端GitHub公眾號。   

大家好，我是你們的貓哥，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~

關于貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。

前言

初級前端與高級前端之間，很大原因就是投入學習前端的時間、經驗的差別，其實就是信息差。

如果有一個地方能又快又好的獲得這些優質的前端信息，那么將會大大縮短從初級到高級的時間。

前端GitHub 就是這樣一個倉庫，能幫助前端開發人員節省時間的倉庫!

已經推薦了 面試項目、CSS 奇技淫巧項目、代碼規范項目、數據結構與算法項目、JavaScript 奇技淫巧項目、前端必備在線工具 等專題的近 200 個優秀項目了。

1. build-your-own-x

GitHub stars: 94k

如果你想要做些什么，并且想要獲得一些關于如何實現它的指導，這是一個很好的資源。

通過瀏覽列表，你還會發現很多真正有趣的事情。

比如建立你自己的 Front-end Framework / Library

 

建立你自己的 Game

 

地址：

https://github.com/danistefanovic/build-your-own-x

2. javascript-algorithms

GitHub stars: 94k

該倉庫包含了多種基于 JavaScript 的算法與數據結構。

每種算法和數據結構都有自己的 README，包含相關說明和鏈接，以便進一步閱讀 (還有 YouTube 視頻) 。

數據結構包含了 鏈表、雙向鏈表、隊列、棧、哈希表(散列)、堆、優先隊列、字典樹、樹、優先隊列、二叉查找樹、AVL 樹、紅黑樹、線段樹、樹狀數組、圖、并查集、布隆過濾器

算法包含了 算法主題 和 算法范式。

其中算法主題又包含了：數學、集合、字符串、搜索、排序、鏈表、樹、圖、加密、機器學習。

算法范式：算法范式是一種通用方法，基于一類算法的設計。這是比算法更高的抽象，就像算法是比計算機程序更高的抽象。

算法范式包含了：BF 算法、貪心法、分治法、動態編程、回溯法、Branch & Bound 等等。

這項目還出了對應的教學視頻，總共 81 個視頻講解，每個視頻大概 5 - 10分鐘左右，還能學習英語哦 😉
 

 

youtube 的教學視頻：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8前端章魚貓之前學習算法的時候，也在這個項目中收益良多呢!

而且這個項目還一直有維護和更新內容哦!真的非常不錯的一個項目!

還想知道更多好的數據結構與算法項目，可以看看 GitHub 上值得前端學習的 7 個數據結構與算法項目 ，相信貓哥，你會被驚艷到 ~

地址：

https://github.com/trekhleb/javascript-algorithms

3. computer-science

GitHub stars: 74k

不管你是一個從事編程的人，還是一個已經在業界自學的開發者， OSSU 的課程為所有想要學習計算機科學的人提供了大量的免費學習資源。

OSSU 課程是使用在線材料進行的完整的計算機科學教育。它不僅用于職業培訓或專業發展。

它適用于那些希望對所有計算學科具有基本概念的正確，全面的基礎，以及那些擁有該學科，具有意愿和(最重要的是!)良好習慣的人，可以在很大程度上依靠自己的力量來接受這種教育來自世界各地的學習者社區。

它是根據本科計算機科學專業的學位要求減去通識教育(非CS)要求而設計的，因為假定遵循此課程的大多數人已經在CS領域以外接受了教育。

這些課程本身是世界上最好的課程，通常來自哈佛大學，普林斯頓大學，麻省理工學院等。

地址：

https://github.com/ossu/computer-science

類似的項目推薦：7 個 Github 上近 200k Star 的計算機學習資源，練好前端內功的秘籍!相信你會找到你的武功秘籍!

4. 30-seconds-of-code

GitHub stars: 67k

超過 100 個代碼段，涵蓋了 JavaScript 中的各種內容，從典型的算法，到你可能會發現自己需要完成的常見任務。非常值得一看!

該項目講的是滿足你所有開發需求的簡短代碼段，里面都是些經常會用到而且是非常經典的代碼，非常值得學習!

比如 JavaScript 模塊就分為了 All、Array、Browser、Date、Function、Math、Node、Object、String 方便學習的。

 

地址：

https://github.com/30-seconds/30-seconds-of-code

類似的項目推薦可以看看這篇：12 個 GitHub 上超火的 JavaScript 奇技淫巧項目，找到寫 JavaScript 的靈感!，你會發現新大陸的!

5. realworld

GitHub stars: 53k

有沒有想過要學習如何使用特定的語言 / 技術開發適當的應用?

這就是為你準備的 GitHub 倉庫!這超出了典型的“ to-do”應用程序， RealWorld 的示例使整個 “Medium-style” 應用程序更加豐富，包括了所有的鐘聲、哨聲和最佳實踐!

比如前端項目：

 

又比如后端項目：

 

地址：

https://github.com/gothinkster/realworld

6. free-programming-books

GitHub stars: 170k

該倉庫主要是免費提供編程書籍。

大量的免費編程書籍可以幫助你的知識和理解更上一層樓。

除了編程書籍，還包含了免費在線課程、互動編程資源。

地址：

https://github.com/EbookFoundation/free-programming-books類似的項目推薦：160+ 本技術類精華電子書開源了，包括前端、后端、數據結構與算法、計算機基礎、設計模式、數據庫等書籍。

7. system-design-primer

 

GitHub stars: 120k

學習如何設計大型系統。為系統設計面試做準備。

如果你正在尋找高級軟件工程(或更高的)職位，那么擁有設計大型系統的能力是很有價值的，很多大型技術公司都希望你具備這一能力。

這也是一個重要技巧，如果你打算為你正在做的任何工作構建任何大型系統的話。

這份指南提供了大量的信息來幫助你做好準備。

地址：

https://github.com/donnemartin/system-design-primer

8. awesome-python

GitHub stars: 92.2k

精選的 Python 框架，庫，軟件和資源的精選清單。

Python 內建了一系列不同的庫、框架和技術的列表。

對那些想要學習一種新的編程語言或僅僅想要提高對已有 Python 的了解的人來說，這是一個極好的指南。

地址：

https://github.com/vinta/awesome-python

9. nodebestpractices

GitHub stars 59k

該倉庫是對 Node.js 最佳實踐中排名最高的內容的總結和分享。

當前，超過 50 個最佳實現，樣式指南，架構建議已經呈現。

每天都有新的 issue 和 PR 被創建，以使這本在線書籍不斷更新。

因此，擁有這些詳細的指南可以幫助你快速提高技能。

地址：

https://github.com/goldbergyoni/nodebestpractices

10. awesome-machine-learning

GitHub stars: 47.8k

這個 GitHub 倉庫包含了精選的很棒的機器學習框架，庫和軟件的列表。

地址：

https://github.com/josephmisiti/awesome-machine-learning

原文鏈接：https://github.com/biaochenxuying/blog