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

前言

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

但是，前端三剑客 HTML + CSS + JavaScript 依旧是我们开发中不可缺少的一部分，如果你想学习前端知识或者想巩固基础知识，下面这几个学习资源可别再错过哦~

无论是 HTML 、CSS 、JavaScript、前端算法 还是 数据结构 ， Github 上这几个前端学习项目真的是太棒了！

话不多说，我们来看！

30 seconds of code

作者分享了大量有用的 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-Days-Of-JavaScript

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

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

You-Dont-Know-JS

这是一套深入探讨 JavaScript 语言核心机制的系列丛书，作者从JavaScript的各个角度（特别从引擎角度）分析了JavaScript的各种特性。

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

有这么一本圣经，对想进阶 JavaScript 的人来说绝对是一个福音。

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

javascript

编码风格这种是无所谓对与错，只有是否合适。如果是一个团队工作环境，最好统一编码风格，通过统一的编码风格，那么团队之间的协作关系会变得更加顺畅!

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

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

freeCodeCamp

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

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

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

javascript-algorithms

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

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

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

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

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

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