零基础的前端开发初学者应如何系统地学习？

本人自学前端非985非211电子商务明年毕业的本科小生一枚，已收割包括BAT在内的一大波offer。
首先，题主你得有坚持学下去的思想准备，因为学习编程如果想要精通其实是需要花费大

本人自学前端非985非211电子商务明年毕业的本科小生一枚，已收割包括BAT在内的一大波offer。

首先，题主你得有坚持学下去的思想准备，因为学习编程如果想要精通其实是需要花费大量时间和精力的。千万不要跟我提什么速成班，因为速成班就是精通编程的人赚点外快去的地方，而产出的学员基本上进不了大型甚至中型企业。

知识体系谈谈个人学习思路，首先上W3SCHOOL网站看HTML5和CSS，一边看一边撸代码。然后学习JavaScript，买一本《JavaScript高级程序设计》，翻看至少两三遍吧。再看阮一峰的《ES6》，这个有电子书版本，直接度娘。剩下的内容，上MDN看，MDN会随时更新最新前端技术API的调整（相当于一部前端字典）。这一套下来够你学一年半载了。但仅仅会敲点代码也不行，还得写点demo，上github找一些demo来练练手，言外之意就是github这种基本操作也要会。虽然各个公司都有自己的gitlab，但是操作命令还是基于git的。

框架建议学Vue或React，国内这两年比较火。JQ一两天就会，可以拿来开发一些简单小型网站用。学框架一定要记住，不仅仅是要会用，底层原理！底层思想！源代码一定要去看！（面试就问底层，别问我怎么知道）。其他构建工具，比如webpack、gulp；CSS框架，element、BootStrap都是基本操作，要做到一两天之内就能学会的程度，不然就是基础功还不扎实。当下最火的前端技术要知道，比如PWA等。对了，Node也算是前端，常用API要熟练掌握。

以上是前端基本操作。但只会这些还不够，数据结构，计算机操作系统，计算机网络，HTTP协议，数据库操作，算法，都得至少熟练掌握。最好还会熟练使用一门服务端语言。还是别问我为什么。面试造火箭，工作拧螺丝呀。

如果能达到以后自己能贡献开源或者遇到问题就知道用哪个轮子并改造轮子的水平，OK，可以出师了。