初学者应该如何自学前端？

以下是自己做的一个从初级前端开发工程师到大神级别前端开发工程师的学习路线思维导图，希望可以帮到大家：

关于书籍：

• JavaScript高级程序设计（第3版） 红皮书

• JavaScript权威指南（第6版） 犀牛书

• 深入浅出Node.js

• 锋利的jQuery（第2版）

• JavaScript DOM编程艺术 （第2版）

• Head First HTML与CSS（第2版）

• CSS权威指南（第三版）

• ES6标准入门（第3版）

• JavaScript设计模式

• Vue.js权威指南

• React全栈：Redux+Flux+webpack+Babel整合开发

• 揭秘Angular 2 从入门进阶到实战

• 你不知道的JavaScript

• HTML5与CSS 3权威指南上下册

工具：

• HBuilder

• Sublime

• Dreamweaver

• WebStorm

• Visual Studio Code

• Wamp

• Atom

运行环境

• Mysql

• Nodejs

• Webpack

学习网站

• ****

• GitHub

• 知乎

• jQuery

• w3cschool

• Node.js

• npm.js

• vue.js

• segmentfault

• bootstrap

• 博客园

• 菜鸟教程

• 掘金

• 简书

• 脚本之家

• 开源中国

• 慕课网

• 阮一峰博客

• 腾讯课堂

• 网易云课堂

• 我要自学网

来源：千锋HTML5