适合 JS 新手学习的开源项目——在 GitHub 学编程

作者：HelloGitHub-小鱼干

这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇，系列文章：

1. C++ 篇
2. Python 篇
3. Go 篇
4. Java 篇
5. JavaScript 篇

Java 篇中老荀说到当今互联网份额最大的编程语言是 Java，作为后辈我对此话是没有异议的。但，要说到国内互联网最火、最热闹的编程语言是什么？应该没人对 JavaScript 当选有异议吧。相对 C++、Java 这些老前辈，JS 可谓门槛之低，连 Python 都自叹不如。那作为一个新手要学习系统化地学习 JS，应该走哪几步呢？

• 第一步：打开浏览器，输入网址：https://hellogithub.com/
• 第二步：选择 JavaScript 项目
• 第三步：逐一学习

[手动狗头]有更快捷的方法吗？有！在本篇文章中你将从基础招式学习，了解 HTML、CSS、JS 等基础概念之后，实践一把吃豆人游戏制作，再开启性能调优之旅，最后闯荡前端江湖。

出发，前进 🚗

成神第一式：打好根基

1.1 前端成长之路：Web

HG #vol.036 Web 是一个前端入门的图文教程，记录了作者从 0-1 学习前端的过程。作为一个入门的图文教程，Web 遵循了事无巨细原则，在所有的介绍中详细讲 HTML、CSS、JS 等知识点，简单的移动端开发、Vue 等框架使用、Node.js 介绍也略有涉猎。值得一提得失，它所有的示例中代码注释清楚地标注了使用某个函数时你所需要注意的事项，贴心到不行。

不过，Web 项目在 JS 基础和进阶内容分层方面略有不足，会发现 16 个类目有许多重复内容，以及原先在前端进阶分类下的前端几道题被独立出来成为一个单独分类，收录了大量面试题和网友面经，但瑕不掩瑜，该 Repo 绝对是一个新手入门的实用教程。

由于作者没有对分类内容及分类下内容做脑图介绍，所以这里小鱼干绘制了它的脑图/目录结构，部分相同主题内容进行了折叠。