前端学习路径

HTML

可以去看看MDN里面HTML相关的，或者去W3C或者菜鸟了解些基础的标签类别分类即可，可以不用花太多精力

CSS

书籍推荐

基础： 精通CSS:高级Web标准解决方案

进阶：CSS揭秘

总结：熟悉基本布局以及一些常用的CSS对以后工作效率提升很有帮助，除了看书外也可以去MDN上看一些基础和进阶的内容。除了最基本的CSS，还需要了解些CSS3加的特性以及CSS3的动画，面试的时候偶尔会问，并且会熟练运用加分挺多的。在看的时候最好自己多去尝试下一些布局加深印象。

JS（重头）

JS基础（ES5及之前）

书籍推荐：

Javascript高级程序设计：被称为红宝书，每个前端er都应该有一本的书，建议经常去看，起码要看两遍以上，每次看都会有不一样的收获。

你不知道的JavaScript：这套书分为上中下，上和中的前半部分主要是讲基础，下半部分和下主要是ES6的东西了，也是强推，在红宝书的基础上讲解了一些底层的东西，理解起来也挺容易的。

JavaScript权威指南：犀牛书，不怎么推荐入门的人看，不太容易看懂，而且很浪费时间。

ES6

书籍推荐

ES6标准入门：阮一峰的一本ES6入门书籍，可不买，去看他的博客也是一样的，因为主要还是介绍性为主，必看。

深入理解ES6：其实内容和阮一峰的差不太多，不过每一部分的内容会更详细的介绍，阮一峰的主要还是偏向于自己的学习笔记。

设计模式：

JavaScript设计模式与开发实践：多了解下一些设计模式的东西，当你去看一些框架源码的时候就会发现很多地方都会用到，特别是vue和react中会经常用到观察者模式，同时在TS中的注解之类的用的都是装饰者，所以还是很推荐看的。主而且这是专门针对js的设计模式，里面有很多例子，还是很不错的。

Node.js：

我自己也没怎么深入这块，推荐本深入浅出node.js。

TypeScript

知道js的都知道js是弱类型，但是弱类型在大型项目开发中其实有很多弊端，所以就有了TS，可以直接去看官网文档了解就可以了。现在在前端圈大公司TS用的还是挺多的，蚂蚁开源的antd就是react+ts的。

框架：

现今主流的无外乎react和vue。个人觉得选一个深入，另一个了解就可以了，推荐深入react。因为react中的VDom和diff都在vue2.0中加了进来，而且个人觉得react的学习成本比vue高。

推荐书籍：

官网文档：去官网看完文档有个了解。

深入REACT技术栈

实战的话可以去慕课上找一些教程，反正网上找一些免费的很多的。

vue的话没怎么我就看过官网文档，同时看过慕课的仿饿了么以及慕课的仿音乐APP。感觉还不错的。

webpack我自己也了解不多，不推荐了。

计算机基础：

基础其实很重要，对于前端来说特别是计网，要深入了解下。

同时想做node.js的话还需要了解些操作系统的东西，进程线程之类的。

数据结构、mysql这些就根据个人情况来定了。

算法：

建议去刷leetcode前200题，基本刷完，你对array、string、map的api就很熟练了，而且基本上可以应付各大公司的笔试和面试。同时也要熟悉一些算法的基本知识，时间复杂度、空间复杂度之类的。基本的几大排序算法的思想也要懂。因为很多时候你会发现底层api也都是基于这些的。

一些我自己会去的论坛和学习的地方推荐：

掘金：感觉国内稍微水平会好一点的论坛。

MDN：里面内容很全，但也很杂，没有很系统，需要自己花精力去找你想了解的，但还是强推。（要翻墙，有能力其实多去看看国外的论坛会发现帮助更大）

各大官网文档（必看）

奇舞周刊

leetcode

最近发现的但是我还没时间研究的一个学习网站：https://nodeschool.io/zh-cn/#workshopper-list

公众号：前端早读课、前端大全

最后：有时间最好去看些源码的解读以及自己去看些源码，有助于提升你对框架的理解。