GitHub 上有一个很有名的 Roadmap：/kamranahmedse/developer-roadmap
想成为一名前端大牛，按照这个路线学习，足以帮助你快速成长。
从一名小白开始入门前端，到前端进阶，再到成长为技术大牛。
首先学习 HTML、CSS 和 JavaScript 的基础知识。你可以在以下几个网站学习这些基础知识：
W3school：/
MDN 官方教程：/zh-CN/
W3C 官方文档：/
freecodecamp 学习网站：/
之后你就需要学习一些包管理，包括 npm，yarn 等等。
接下来学习 CSS 预处理，CSS 的一些框架的使用，最常见的就是 Bootstrap 等。以及 CSS Architecture。
这里推荐一些好用的前端库：
Sass: CSS的扩展，可以声明变量，引入模块，嵌套属性等等。Less: 为CSS添加声明变量，样式模块，命名空间，继承等特性。Stylus: 写CSS再也不用写烦人的括号啦～Bootstrap: 全世界最流行的响应式前端框架。Foundation: 提供了很多模版，针对网站、移动端、邮件提供了很多好用的模块和样式。Semantic UI: 个人非常喜欢的一个前端框架，样式非常好看，更重要的是就像它语义UI的名称一样，类命名特别友好，写网页就像和人说话一样。uikit: 漂亮、可定制，即将发布uikit3版本，感兴趣可以试试看。
之后学习一些构建工具及其他工具的使用，并尽量明确其原理。包括但不限于以下工具：
Grunt: JavaScript自动化工具。Gulp: 个人感觉是最好用的自动化构建工具。webpack：模块化加载构建一切，CSS/JS连图片都可以npm: NPM虽好，不要太依赖袄。Bower: 前端框架包管理工具，各类框架和库一键安装。
之后进行前端框架的选择和学习，包括但不限于以下框架：
Vue：广泛使用的前端框架，认真学。React：也是一个广泛使用的前端框架，最好把这个和 Vue 都认真学习好。jQuery: 方便快捷，功能强大全面，居家旅行必备，近乎JS的替代品，你可以不会js，但是不能不会jQuery。BackBoneJS: 模型、视图、集合、事件，让你的前端代码更有框架感。D3.js: 数据可视化必学必会，只有你想不出来的，没有D3画不出来的。React: 学会React，再学学React-native，你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师……jQuery UI: 几行代码就能写一个带动画带ajax的Web应用。jQuery Mobile: 移动端专用js开发框架，和上面的类似袄。
