火爆 Github，这几个标星 10W+的前端学习项目真牛

在这个框架和库流行泛滥的时代，开发中更多时候我们都会使用它们来提高效率！

但前端三剑客 HTML CSS JavaScript 它仍然是我们发展中不可或缺的一部分。如果你想学习前端知识或巩固基础知识，不要错过以下学习资源~

无论是 HTML 、CSS 、JavaScript、前端算法 还是 数据结构 ， Github 这些前端学习项目真的很棒！

话不多说，我们来看看！

作者分享了很多有用的东西 Javascript 片段，你可以在30秒或更短的时间内理解JavaScript 优秀的代码片段。

Github 原文地址：https://github.com/30-seconds/30-seconds-of-code

Github 译文地址：https://github.com/ConardLi/30-seconds-of-code-Zh-CN

官网地址：https://www.30secondsofcode.org/js/p/1

30天JavaScript编程挑战，一步一步带你学会JavaScript，适合初学者和JavaScript高级开发。

Github 地址：https://github.com/Asabeneh/30-Days-Of-JavaScript

这是一套深入的讨论 JavaScript 作者从一系列语言核心机制系列开始JavaScript分析了各个角度(尤其是引擎角度)JavaScript的各种特性。

几乎关于JavaScript所有的问题都可以在里面找到详细的答案

有这样一本圣经，想要进步 JavaScript 人绝对是福音。

Github 地址：https://github.com/Asabeneh/30-Days-Of-JavaScript

编码风格不在乎是对是错，只在乎是否合适。如果是团队工作环境，最好统一编码风格。通过统一的编码风格，团队之间的合作关系会变得更加顺畅！

这是由 Airbnb 出品的一套 JavaScript 编码规范/编程风格指南！

Github 地址：https://github.com/airbnb/javascript

freeCodeCamp 是一个致力于帮助人们免费学习编程的非盈利 Web 全栈编程学习网，知识覆盖HTML、CSS、JavaScript、Node.js、数据可视化、数据库等。

截止2021年 freeCodeCamp 共收到 33 万 Star ， 是 GitHub 上星标第一开源项目。

Github 地址：https://github.com/airbnb/javascript

仓库包含多种基础 JavaScript 算法和数据结构。

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

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

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

Github 地址：https://github.com/trekhleb/javascript-algorithms

YouTube 视频：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8