大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。

前言

初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。

如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。

前端GitHub 就是这样一个仓库，能帮助前端开发人员节省时间的仓库！

已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 200 个优秀项目了。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

以下为今天【前端GitHub】的第 17 期精华内容。

1. build-your-own-x

GitHub stars: 94k

如果你想要做些什么，并且想要获得一些关于如何实现它的指导，这是一个很好的资源。

通过浏览列表，你还会发现很多真正有趣的事情。

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

建立你自己的 Game

地址：

github.com/danistefano…

2. javascript-algorithms

GitHub stars: 94k

该仓库包含了多种基于 JavaScript 的算法与数据结构。

每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。

数据结构包含了 链表、双向链表、队列、栈、哈希表(散列)、堆、优先队列、字典树、树、优先队列、二叉查找树、AVL 树、红黑树、线段树、树状数组、图、并查集、布隆过滤器

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

其中算法主题又包含了：数学、集合、字符串、搜索、排序、链表、树、图、加密、机器学习。

算法范式：算法范式是一种通用方法，基于一类算法的设计。这是比算法更高的抽象，就像算法是比计算机程序更高的抽象。

算法范式包含了：BF 算法、贪心法、分治法、动态编程、回溯法、Branch & Bound 等等。

这项目还出了对应的教学视频，总共 81 个视频讲解，每个视频大概 5 - 10分钟左右，还能学习英语哦 😉

youtube 的教学视频：www.youtube.com/playlist?li…

前端章鱼猫之前学习算法的时候，也在这个项目中收益良多呢！

而且这个项目还一直有维护和更新内容哦！真的非常不错的一个项目！

还想知道更多好的数据结构与算法项目，可以看看 GitHub 上值得前端学习的 7 个数据结构与算法项目 ，相信猫哥，你会被惊艳到 ~

地址：

github.com/trekhleb/ja…

3. computer-science

GitHub stars: 74k

不管你是一个从事编程的人，还是一个已经在业界自学的开发者， OSSU 的课程为所有想要学习计算机科学的人提供了大量的免费学习资源。

OSSU 课程是使用在线材料进行的完整的计算机科学教育。它不仅用于职业培训或专业发展。

它适用于那些希望对所有计算学科具有基本概念的正确，全面的基础，以及那些拥有该学科，具有意愿和（最重要的是！）良好习惯的人，可以在很大程度上依靠自己的力量来接受这种教育来自世界各地的学习者社区。

它是根据本科计算机科学专业的学位要求减去通识教育（非CS）要求而设计的，因为假定遵循此课程的大多数人已经在CS领域以外接受了教育。

这些课程本身是世界上最好的课程，通常来自哈佛大学，普林斯顿大学，麻省理工学院等。

地址：

github.com/ossu/comput…

类似的项目推荐：7 个 Github 上近 200k Star 的计算机学习资源，练好前端内功的秘籍！相信你会找到你的武功秘籍！

4. 30-seconds-of-code

GitHub stars: 67k

超过 100 个代码段，涵盖了 JavaScript 中的各种内容，从典型的算法，到你可能会发现自己需要完成的常见任务。非常值得一看！

该项目讲的是满足你所有开发需求的简短代码段，里面都是些经常会用到而且是非常经典的代码，非常值得学习！

比如 JavaScript 模块就分为了 All、Array、Browser、Date、Function、Math、Node、Object、String 方便学习的。

地址：

github.com/30-seconds/…

类似的项目推荐可以看看这篇： 12 个 GitHub 上超火的 JavaScript 奇技淫巧项目，找到写 JavaScript 的灵感！，你会发现新大陆的！

5. realworld

GitHub stars: 53k

有没有想过要学习如何使用特定的语言 / 技术开发适当的应用？

这就是为你准备的 GitHub 仓库！这超出了典型的“ to-do”应用程序， RealWorld 的示例使整个 “Medium-style” 应用程序更加丰富，包括了所有的钟声、哨声和最佳实践！

比如前端项目：

又比如后端项目：

地址：

github.com/gothinkster…

6. free-programming-books

GitHub stars: 170k

该仓库主要是免费提供编程书籍。

大量的免费编程书籍可以帮助你的知识和理解更上一层楼。

除了编程书籍，还包含了免费在线课程、互动编程资源。

地址：

github.com/EbookFounda…

类似的书单项目推荐：160+ 本技术类精华书单开源了，包括前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍。

7. system-design-primer

GitHub stars: 120k

学习如何设计大型系统。为系统设计面试做准备。

如果你正在寻找高级软件工程（或更高的）职位，那么拥有设计大型系统的能力是很有价值的，很多大型技术公司都希望你具备这一能力。

这也是一个重要技巧，如果你打算为你正在做的任何工作构建任何大型系统的话。

这份指南提供了大量的信息来帮助你做好准备。

地址：

github.com/donnemartin…

8. awesome-python

GitHub stars: 92.2k

精选的 Python 框架，库，软件和资源的精选清单。

Python 内建了一系列不同的库、框架和技术的列表。

对那些想要学习一种新的编程语言或仅仅想要提高对已有 Python 的了解的人来说，这是一个极好的指南。

地址：

github.com/vinta/aweso…

9. nodebestpractices

GitHub stars 59k

该仓库是对 Node.js 最佳实践中排名最高的内容的总结和分享。

当前，超过 50 个最佳实现，样式指南，架构建议已经呈现。

每天都有新的 issue 和 PR 被创建，以使这本在线书籍不断更新。

因此，拥有这些详细的指南可以帮助你快速提高技能。

地址：

github.com/goldbergyon…

10. awesome-machine-learning

GitHub stars: 47.8k

这个 GitHub 仓库包含了精选的很棒的机器学习框架，库和软件的列表。

地址：

github.com/josephmisit…

最后

关于猫哥，大家可以看看 前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马，看看猫哥的脸都被打歪的 😂。

不知不觉，已经写到第 17 期了呢，已经分享超过 200 个好的前端项目了呢，往期精文请看下方宝藏仓库，点击很危险，请慎入！

github.com/FrontEndGit…

平时如何发现好的开源项目，可以看看这两篇文章：如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。

往期精文

• 推荐 12 个学习前端必备的神仙级工具类项目与网站

• 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！

• 10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！

• 11 个超火的前端必备在线工具，终于有时间上班摸鱼了

• 11 个超火的大厂前端代码规范，你也能写出诗一样的代码！