初级前端新人学习路线

前端基础
HTML5 + CSS3
在 w3school 在线教程上学习，边学边练，学习过程中请打开 chrome 浏览器调试工具，辅助学习和调试。我知道有一个网站叫代码森林，这个网站上面有许多免费学习的视频。
ECMAScript
这部分学的内容会很多，如果没有编程语言的基础的话，会吃些力。建议先在 w3school 在线教程上学习。
犀牛书《javascript语言精粹》或红宝书《Javascript 高级程序设计》

前端初级
CSS
有了 CSS 基础知识，还需要继续深入，了解
css3 规范；
预编译语言：less 或 sass；
只有经历这个过程，你才会发现 less 的美。看完这块，你的了解选择器、盒模型、弹性布局、媒体查询等概念。
ECMAScript

jQuery.js。完成一些简单项目，熟悉 API；
推荐小黄书《你不知道的 JS》上中下三册；
ES5 知识点掌握，能区分 ES5 与 ES3 常用的一些知识点；
ES6 常用的一些知识点，暂时不推荐阮一峰老师的 ES6 教程，太多了，怕你会迷茫和陷入无聊区，找一些总结小书（一些常用的 ES6 语法总结）看看，
常用概念（面试也会碰到）弄清楚。比如变量作用域、传递方式、执行上下文、闭包、apply/call/bind、this 指向等；
浏览器
常用跨域；
存储机制；
工程化

npm 常用命令和简单应用；
git 常用命令和简单应用；
webpack 能搭建一个应用；

Node.js
基础知识；
express 或 koa2 简单应用；
如果要找工作的话，还是得做面试题，这里推荐我用过的比较好的一个网站
http://www.gtalent.cn/上面有许多免费的面试题