本文写给刚入门前端，或者对前端感兴趣的朋友，希望能对你的学习之路有所帮助，谢谢～
应用方向
(介绍前端有哪些方向)
-
网页开发
用css+html+javascript开发静态/动态网页。
这个是初级阶段。 -
游戏
开发Html5 2d,3d 游戏 -
3D可视化展示
基于WebGL技术，在线展示互动的3D场景。
如在线粮仓管理系统，物联网在线展示等。
可参考hightop, wonder等。 -
单页面富应用
与android,ios上的app一样，使用web技术也可以开发本地app -
网站，管理系统
使用web前端技术+服务器技术（node.js,jsp...)+数据库(mysql, ...), 搭建整个网站、管理系统等。 -
移动端(手机)开发
主要是开发移动端的网页，也可以开发html5 小游戏、小程序等。 -
设计师
偏设计方向，设计网页，主要应用html+css+photoshop
阶段学习
(介绍如何分阶段学习前端)
1.学习html+css+javascript基本知识，
完成网页开发，并加上一些javascript特效。
2.学习node.js等服务器技术和mysql等数据库技术。 然后开发一个个人网站，或者简单的管理系统。
3.根据你个人情况，再看学习上面哪个应用方面的知识（如游戏、富应用等）
学习建议
(给出我个人的学习建议)
1.建议先不要用前端框架，使用原生javascript开发一个网页和一个简单的网站。自己可以进行一些封装，如封装dom操作等，从而为以后开发框架打下基础。
2.完成第一个网站项目后，建议看一些增加内功的书籍，关注代码质量。如：
<<重构：改善既有代码的设计>>
<<冒号课堂>>
<<测试驱动的javascript开发>>
...
详见<<分享我收集的计算机内功修炼的经典资源>>
3.学习进阶的学习资料，如<<深入理解JavaScript系列>>
4.学习前端框架源码。
如prototype.js, jquery.js的源码等。
我重点看了prototype.js的源码(网上也有很多源码学习的笔记和资料)，它写得很精妙，对学习如何写一个前端框架很有帮助，建议花一个月的时间，把它看3遍，然后就可以开始写框架了。
5.学习和使用react或者vue框架，模块化开发网页