作者:HelloGitHub-干鱼
这里是HelloGitHub的系列文章“GitHub上新手的开源项目”的最后一篇。系列文章:
C++ Python，Go，Java，Javascript，Java老荀说现在互联网份额最大的编程语言是Java。作为晚辈，我不反对这种说法。然而，中国互联网上最火最热闹的编程语言是什么？应该没人会对Javascript当选有什么异议。相对于C++和Java这样的老前辈，JS门槛低，连Python都不如自己。作为新手，要学会系统的学习JS。
【手动狗头】有没有更快的方法？是啊！在这篇文章中，你将从基本动作开始学习，了解HTML、CSS、JS等基本概念，练习制作一个吃豆人游戏，然后开始性能调音之旅，最终走向前端江湖。
我们走，往前走。
上帝的第一种形式:打好基础
1.1前端增长之路:Web
HG #vol.036 Web是一个前端入门的图文教程，记录了作者从0-1学习前端的过程。作为一个介绍性的图形教程，网页遵循细节原则。在所有的介绍中，都详细谈到了HTML、CSS、JS等知识点。简单的移动开发，Vue等框架的使用，Node.js的介绍也略有涉及。值得一提的是得失。所有例子中的代码注释都清楚地指出了使用函数时需要注意的地方。考虑得极其周到。
而Web项目在JS基础和高级内容分层上有一些不足，会发现16个分类中有很多重复的内容，将原本在前端高级分类下的前端题分离成一个单独的分类，里面包含了大量的面试题和网友面授经典，但破绽并未隐藏。这个回购绝对是新手实用教程。
因为作者没有对分类内容和分类下的内容做脑图介绍，所以这里画了小鱼干的脑图/目录结构，折叠了一些相同的主题内容。
1.2娱乐:吃豆人
HG #vol.029 Pacman是一款基于HTML5的吃豆人游戏。核心代码由两个文件组成，主程序只有1000行代码，代码带注释，整洁。对于初学者来说是一个很好的练习项目，也可以帮助你养成阅读别人代码的好习惯。
1.3新手级别:33-js-concepts
HG #vol.031 33-js-concepts是国外知名的js项目。作为基础的最后一道门槛，它帮助你查漏补缺，让你熟记每个Javascript开发者都应该知道的33个概念，开始下一阶段的进阶之旅。
上帝的第二种形式:动作的变化
2.1深度是广度的基础:网络系列
HG #vol.028 Web-Series是前阿里工程师肖宇干很喜欢的:王霞和熊岳写的Web全栈开发、工程架构和性能调优。在您熟悉前端基本概念并制作简单的Pac-Man游戏之后，是时候在更高的层次上学习高级性能调优和工程架构问题了。作为一名拥有十余年开发经验的前端工程师，在Web-Series系列中，王霞邀请月熊探讨如何有效提升团队的RD效率，在整个产品迭代生命周期中及时可靠地完成交付；同时可以控制整个系统的复杂度，不断优化系统的性能和体验。可以说升职加薪缺这一招[手动狗头]
2.2简化操作流程:D3.js
HG #vol.031 D3.js的全称是这个库提供了多种简单易用的函数，大大简化了Javascript操纵数据的难度。该库的使用是数据可视化的必要技术。
最重要的一点是D3.js项目本身提供了极其丰富的demo供你直接使用。做个头像当个“参考工程师”画各种酷炫的势力图，呈现各种可视化数据，比如:红楼梦人物关系群图。在demo中学会基本用法后，可以根据自己的业务需求将任意数据绑定到DOM，或者直接操作DOM完成W3C DOM API相关操作。能限制D3.js力量的是你的想象力。
2.3全包:x-build
HG #vol.040 x-build是一个小型项目的脚手架工具，通过终端命令最快可以在几秒钟内初始化项目目录。该库内部集成了Webpack、Babel、ESLint等常用前端工具。通过这个项目，可以了解脚手架的开发，可以熟悉如何将Webpack集成到工具中，对定制脚手架的开发很有帮助。
神三式:赢武林
3.1与设计共度美好时光:下一步
HG #vol.054前端工程师的竞争对手之一是设计师，有多少前端工程师被像素级还原挡在门外？接下来是你的剑，阿里开源的中后台企业级UI解决方案，致力于解决设计师和前端之间的工作协同、产品体验一致性、开发效率等问题。即设计师修改颜色等元素后，可以生成一个NPM主题包，前端可以通过获取这个包直接还原设计师的设计。接下来很精彩♂
3.2 Chrome最好:Chrome-扩展-搜索替换
HG # vol . 052 Chrome-Extensions-Search Replace，一个搜索和替换文本的Google插件，也是一个优秀的插件开发实践。
最后
本文“GitHub新手开源项目”是最后一篇文章。你从这个系列中找到适合你进阶方向或者兴趣的项目了吗？如果还有其他想看的系列，请留言告诉我们你想对HG说的话！
