大家好，我是你們的 貓哥，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~
關於貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。
前言
初級前端與高階前端之間，很大原因就是投入學習前端的時間、經驗的差別，其實就是資訊差。
如果有一個地方能又快又好的獲得這些優質的前端資訊，那麼將會大大縮短從初級到高階的時間。
前端GitHub 就是這樣一個倉庫，能幫助前端開發人員節省時間的倉庫！
已經推薦了 面試專案、CSS 奇技淫巧專案、程式碼規範專案、資料結構與演算法專案、JavaScript 奇技淫巧專案、前端必備線上工具 等專題的近 200 個優秀專案了。
平時如何發現好的開源專案，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源專案
以下為今天【前端GitHub】的第 17 期精華內容。
1. build-your-own-x
GitHub stars: 94k
如果你想要做些什麼，並且想要獲得一些關於如何實現它的指導，這是一個很好的資源。
通過瀏覽列表，你還會發現很多真正有趣的事情。
比如建立你自己的 Front-end Framework / Library
建立你自己的 Game
地址：
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 個資料結構與演算法專案 ，相信貓哥，你會被驚豔到 ~
地址：
3. computer-science
GitHub stars: 74k
不管你是一個從事程式設計的人，還是一個已經在業界自學的開發者， OSSU 的課程為所有想要學習電腦科學的人提供了大量的免費學習資源。
OSSU 課程是使用線上材料進行的完整的電腦科學教育。它不僅用於職業培訓或專業發展。
它適用於那些希望對所有計算學科具有基本概念的正確，全面的基礎，以及那些擁有該學科，具有意願和（最重要的是！）良好習慣的人，可以在很大程度上依靠自己的力量來接受這種教育來自世界各地的學習者社群。
它是根據本科電腦科學專業的學位要求減去通識教育（非CS）要求而設計的，因為假定遵循此課程的大多數人已經在CS領域以外接受了教育。
這些課程本身是世界上最好的課程，通常來自哈佛大學，普林斯頓大學，麻省理工學院等。
地址：
類似的專案推薦：7 個 Github 上近 200k Star 的計算機學習資源，練好前端內功的祕籍！相信你會找到你的武功祕籍！
4. 30-seconds-of-code
GitHub stars: 67k
超過 100 個程式碼段，涵蓋了 JavaScript 中的各種內容，從典型的演算法，到你可能會發現自己需要完成的常見任務。非常值得一看！
該專案講的是滿足你所有開發需求的簡短程式碼段，裡面都是些經常會用到而且是非常經典的程式碼，非常值得學習！
比如 JavaScript 模組就分為了 All、Array、Browser、Date、Function、Math、Node、Object、String 方便學習的。
地址：
類似的專案推薦可以看看這篇： 12 個 GitHub 上超火的 JavaScript 奇技淫巧專案，找到寫 JavaScript 的靈感！，你會發現新大陸的！
5. realworld
GitHub stars: 53k
有沒有想過要學習如何使用特定的語言 / 技術開發適當的應用？
這就是為你準備的 GitHub 倉庫！這超出了典型的“ to-do”應用程式， RealWorld 的示例使整個 “Medium-style” 應用程式更加豐富，包括了所有的鐘聲、哨聲和最佳實踐！
比如前端專案：
又比如後端專案：
地址：
6. free-programming-books
GitHub stars: 170k
該倉庫主要是免費提供程式設計書籍。
大量的免費程式設計書籍可以幫助你的知識和理解更上一層樓。
除了程式設計書籍，還包含了免費線上課程、互動程式設計資源。
地址：
類似的書單專案推薦：160+ 本技術類精華書單開源了，包括前端、後端、資料結構與演算法、計算機基礎、設計模式、資料庫等書籍。
7. system-design-primer
GitHub stars: 120k
學習如何設計大型系統。為系統設計面試做準備。
如果你正在尋找高階軟體工程（或更高的）職位，那麼擁有設計大型系統的能力是很有價值的，很多大型技術公司都希望你具備這一能力。
這也是一個重要技巧，如果你打算為你正在做的任何工作構建任何大型系統的話。
這份指南提供了大量的資訊來幫助你做好準備。
地址：
8. awesome-python
GitHub stars: 92.2k
精選的 Python 框架，庫，軟體和資源的精選清單。
Python 內建了一系列不同的庫、框架和技術的列表。
對那些想要學習一種新的程式語言或僅僅想要提高對已有 Python 的瞭解的人來說，這是一個極好的指南。
地址：
9. nodebestpractices
GitHub stars 59k
該倉庫是對 Node.js 最佳實踐中排名最高的內容的總結和分享。
當前，超過 50 個最佳實現，樣式指南，架構建議已經呈現。
每天都有新的 issue 和 PR 被建立，以使這本線上書籍不斷更新。
因此，擁有這些詳細的指南可以幫助你快速提高技能。
地址：
10. awesome-machine-learning
GitHub stars: 47.8k
這個 GitHub 倉庫包含了精選的很棒的機器學習框架，庫和軟體的列表。
地址：
最後
關於貓哥，大家可以看看 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬，看看貓哥的臉都被打歪的 ?。
不知不覺，已經寫到第 17 期了呢，已經分享超過 200 個好的前端專案了呢，往期精文請看下方寶藏倉庫，點選很危險，請慎入！
平時如何發現好的開源專案，可以看看這兩篇文章：如何在 GitHub 上發現優秀開源專案 和 如何使用 GitHub 進行精準搜尋的神仙技巧。
往期精文