[[379648]]

本文轉(zhuǎn)載自微信公眾號(hào)「前端GitHub」，作者貓哥。轉(zhuǎn)載本文請(qǐng)聯(lián)系前端GitHub公眾號(hào)。   

大家好，我是你們的貓哥，一個(gè)不喜歡吃魚(yú)、又不喜歡喵 的超級(jí)貓 ~

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

前言

初級(jí)前端與高級(jí)前端之間，很大原因就是投入學(xué)習(xí)前端的時(shí)間、經(jīng)驗(yàn)的差別，其實(shí)就是信息差。

如果有一個(gè)地方能又快又好的獲得這些優(yōu)質(zhì)的前端信息，那么將會(huì)大大縮短從初級(jí)到高級(jí)的時(shí)間。

前端GitHub 就是這樣一個(gè)倉(cāng)庫(kù)，能幫助前端開(kāi)發(fā)人員節(jié)省時(shí)間的倉(cāng)庫(kù)!

已經(jīng)推薦了 面試項(xiàng)目、CSS 奇技淫巧項(xiàng)目、代碼規(guī)范項(xiàng)目、數(shù)據(jù)結(jié)構(gòu)與算法項(xiàng)目、JavaScript 奇技淫巧項(xiàng)目、前端必備在線工具 等專(zhuān)題的近 200 個(gè)優(yōu)秀項(xiàng)目了。

1. build-your-own-x

GitHub stars: 94k

如果你想要做些什么，并且想要獲得一些關(guān)于如何實(shí)現(xiàn)它的指導(dǎo)，這是一個(gè)很好的資源。

通過(guò)瀏覽列表，你還會(huì)發(fā)現(xiàn)很多真正有趣的事情。

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

 

建立你自己的 Game

 

地址：

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

2. javascript-algorithms

GitHub stars: 94k

該倉(cāng)庫(kù)包含了多種基于 JavaScript 的算法與數(shù)據(jù)結(jié)構(gòu)。

每種算法和數(shù)據(jù)結(jié)構(gòu)都有自己的 README，包含相關(guān)說(shuō)明和鏈接，以便進(jìn)一步閱讀 (還有 YouTube 視頻) 。

數(shù)據(jù)結(jié)構(gòu)包含了 鏈表、雙向鏈表、隊(duì)列、棧、哈希表(散列)、堆、優(yōu)先隊(duì)列、字典樹(shù)、樹(shù)、優(yōu)先隊(duì)列、二叉查找樹(shù)、AVL 樹(shù)、紅黑樹(shù)、線段樹(shù)、樹(shù)狀數(shù)組、圖、并查集、布隆過(guò)濾器

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

其中算法主題又包含了：數(shù)學(xué)、集合、字符串、搜索、排序、鏈表、樹(shù)、圖、加密、機(jī)器學(xué)習(xí)。

算法范式：算法范式是一種通用方法，基于一類(lèi)算法的設(shè)計(jì)。這是比算法更高的抽象，就像算法是比計(jì)算機(jī)程序更高的抽象。

算法范式包含了：BF 算法、貪心法、分治法、動(dòng)態(tài)編程、回溯法、Branch & Bound 等等。

這項(xiàng)目還出了對(duì)應(yīng)的教學(xué)視頻，總共 81 個(gè)視頻講解，每個(gè)視頻大概 5 - 10分鐘左右，還能學(xué)習(xí)英語(yǔ)哦 😉
 

 

youtube 的教學(xué)視頻：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8前端章魚(yú)貓之前學(xué)習(xí)算法的時(shí)候，也在這個(gè)項(xiàng)目中收益良多呢!

而且這個(gè)項(xiàng)目還一直有維護(hù)和更新內(nèi)容哦!真的非常不錯(cuò)的一個(gè)項(xiàng)目!

還想知道更多好的數(shù)據(jù)結(jié)構(gòu)與算法項(xiàng)目，可以看看 GitHub 上值得前端學(xué)習(xí)的 7 個(gè)數(shù)據(jù)結(jié)構(gòu)與算法項(xiàng)目 ，相信貓哥，你會(huì)被驚艷到 ~

地址：

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

3. computer-science

GitHub stars: 74k

不管你是一個(gè)從事編程的人，還是一個(gè)已經(jīng)在業(yè)界自學(xué)的開(kāi)發(fā)者， OSSU 的課程為所有想要學(xué)習(xí)計(jì)算機(jī)科學(xué)的人提供了大量的免費(fèi)學(xué)習(xí)資源。

OSSU 課程是使用在線材料進(jìn)行的完整的計(jì)算機(jī)科學(xué)教育。它不僅用于職業(yè)培訓(xùn)或?qū)I(yè)發(fā)展。

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

它是根據(jù)本科計(jì)算機(jī)科學(xué)專(zhuān)業(yè)的學(xué)位要求減去通識(shí)教育(非CS)要求而設(shè)計(jì)的，因?yàn)榧俣ㄗ裱苏n程的大多數(shù)人已經(jīng)在CS領(lǐng)域以外接受了教育。

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

地址：

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

類(lèi)似的項(xiàng)目推薦：7 個(gè) Github 上近 200k Star 的計(jì)算機(jī)學(xué)習(xí)資源，練好前端內(nèi)功的秘籍!相信你會(huì)找到你的武功秘籍!

4. 30-seconds-of-code

GitHub stars: 67k

超過(guò) 100 個(gè)代碼段，涵蓋了 JavaScript 中的各種內(nèi)容，從典型的算法，到你可能會(huì)發(fā)現(xiàn)自己需要完成的常見(jiàn)任務(wù)。非常值得一看!

該項(xiàng)目講的是滿足你所有開(kāi)發(fā)需求的簡(jiǎn)短代碼段，里面都是些經(jīng)常會(huì)用到而且是非常經(jīng)典的代碼，非常值得學(xué)習(xí)!

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

 

地址：

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

類(lèi)似的項(xiàng)目推薦可以看看這篇：12 個(gè) GitHub 上超火的 JavaScript 奇技淫巧項(xiàng)目，找到寫(xiě) JavaScript 的靈感!，你會(huì)發(fā)現(xiàn)新大陸的!

5. realworld

GitHub stars: 53k

有沒(méi)有想過(guò)要學(xué)習(xí)如何使用特定的語(yǔ)言 / 技術(shù)開(kāi)發(fā)適當(dāng)?shù)膽?yīng)用?

這就是為你準(zhǔn)備的 GitHub 倉(cāng)庫(kù)!這超出了典型的“ to-do”應(yīng)用程序， RealWorld 的示例使整個(gè) “Medium-style” 應(yīng)用程序更加豐富，包括了所有的鐘聲、哨聲和最佳實(shí)踐!

比如前端項(xiàng)目：

 

又比如后端項(xiàng)目：

 

地址：

https://github.com/gothinkster/realworld

6. free-programming-books

GitHub stars: 170k

該倉(cāng)庫(kù)主要是免費(fèi)提供編程書(shū)籍。

大量的免費(fèi)編程書(shū)籍可以幫助你的知識(shí)和理解更上一層樓。

除了編程書(shū)籍，還包含了免費(fèi)在線課程、互動(dòng)編程資源。

地址：

https://github.com/EbookFoundation/free-programming-books類(lèi)似的項(xiàng)目推薦：160+ 本技術(shù)類(lèi)精華電子書(shū)開(kāi)源了，包括前端、后端、數(shù)據(jù)結(jié)構(gòu)與算法、計(jì)算機(jī)基礎(chǔ)、設(shè)計(jì)模式、數(shù)據(jù)庫(kù)等書(shū)籍。

7. system-design-primer

 

GitHub stars: 120k

學(xué)習(xí)如何設(shè)計(jì)大型系統(tǒng)。為系統(tǒng)設(shè)計(jì)面試做準(zhǔn)備。

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

這也是一個(gè)重要技巧，如果你打算為你正在做的任何工作構(gòu)建任何大型系統(tǒng)的話。

這份指南提供了大量的信息來(lái)幫助你做好準(zhǔn)備。

地址：

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

8. awesome-python

GitHub stars: 92.2k

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

Python 內(nèi)建了一系列不同的庫(kù)、框架和技術(shù)的列表。

對(duì)那些想要學(xué)習(xí)一種新的編程語(yǔ)言或僅僅想要提高對(duì)已有 Python 的了解的人來(lái)說(shuō)，這是一個(gè)極好的指南。

地址：

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

9. nodebestpractices

GitHub stars 59k

該倉(cāng)庫(kù)是對(duì) Node.js 最佳實(shí)踐中排名最高的內(nèi)容的總結(jié)和分享。

當(dāng)前，超過(guò) 50 個(gè)最佳實(shí)現(xiàn)，樣式指南，架構(gòu)建議已經(jīng)呈現(xiàn)。

每天都有新的 issue 和 PR 被創(chuàng)建，以使這本在線書(shū)籍不斷更新。

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

地址：

https://github.com/goldbergyoni/nodebestpractices

10. awesome-machine-learning

GitHub stars: 47.8k

這個(gè) GitHub 倉(cāng)庫(kù)包含了精選的很棒的機(jī)器學(xué)習(xí)框架，庫(kù)和軟件的列表。

地址：

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

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