Web前端学习路线与学习方式

在学校里面，我们接触的web前端仅仅只是html，css，js，你以为学会了这些就足够了吗？
但是实际上学会了这些东西还不能真正上是一个前端工程师，充其量只是一个会写前端代码的。而不是把前端当做一个工程，来进行开发和设计以及迭代。那这里就出现了很多问题了。
第一、我们学习前端的学习路线应该是什么？
最近几年，前端方面的技术变革很大，作为一个程序员，只有不断学习提升自己，才能保证自己不会与时代脱轨，才能保证自己的薪水。这几天我稍微整理了一下前端的学习路线，当然我自己是一个菜鸟，在这儿只是提出我自己的看法和意见，分享自己的学习经验。
前端入门:
    html,css,js(仅仅学习了，那也只是会写了，必须要经过大量的实践积累出足够的实践经验才能是真正的学会了)
前端进阶:
    es6/es5(不懂的可以百度了解一下)
    css相关的工具:
        css预编译器 sass、less、stylus
        css框架 bootstrap、foundation
    前端构建工具:
        自动构建 gulp、grunt
        依赖管理 browserify、webpack(时下最流行)
        包管理器 webpack
前端工程师:
    前端框架 react.js、angular.js、vue.js(中国比较流行，大多数初创公司的选择)
    单元测试 macha、jasmine、karma、enzyme
具体可参考知乎专栏《2016/2017 Web开发者路线图》:https://zhuanlan.zhihu.com/p/22080792

从前端进阶开始估计大多数在校大学生都没有接触过。

第二、我们该怎么学习前端？
    昨天从知乎上扒了一篇文章，在这儿贴出来，是一位前端认证P6/P7级的大牛

    《Web前端该怎么走》 https://www.zhihu.com/que