前端技术学习路线

1. 基础

HTML+CSS+Javascript

2. 框架

针对HTML布局上 ：Bootstrap
针对字体图标库：font-awaresome 　　　 阿里巴巴矢量图库 iconfont
AngularJS
Vue
React

3. 模块化&组件化

前端开发已经从原来的整体化开发发展到现在的模块化开发，甚至是组件化开发，讲求的是代码的可复用性。
在模块化开发中，不得不提到CommonJS，AMD和CMD规范，并且有不同的实现，比如RequireJS。

4. 构建工具

有了构建工具，可以极大的提高我们的开发速度
如gulp+webpack

• gulp是一种任务驱动型的构建工具，通过管道处理数据流，提高了数据处理速度，而且其提供的一系列插件也很方便使用。
• webpack的作用就是把所有浏览器端需要发布的静态资源做相应的准备，比如资源的解析、合并和打包，它提供了强大的加载器和插件机制，例如vue-loader提供了对vue的支持，babel-loader提供了对ES6的支持。

5. 全栈

全栈开发以NodeJS作为服务端语言，基于NodeJS实现的服务端框架有Express，KOA等。
全栈开发，肯定会通过服务端语言操纵数据库，对于数据库的知识也肯定要掌握的。

总结

这些主要通过自己对于前端学习的一些看法，可能有些片面。
下面这张图为一些详细的阶段学习安排：