首先，前端最基本的是页面，也就是HTML与CSS的组合，基础的信息可以上W3C区看资料很全面，而且有例题，都可以自己试着改改换换，等基础有了可以仿照一些app的登录或者简单的列表展示去做一些静态页面，保持自适应，等熟练一些后就可以仿造一些大型一点的网站的静态页面，中间可以学习下bootstrap这个工具，学习它的设计思路，和一些它配备的常用插件什么的，比较方便，less或sass看情况自己了解或者后面再学也都是可以的。在自己写完这些页面后不要以为就完了，想想整个页面的结构，和自己写css样式的结构，如果其中部分内容要做修改或添加，你的代码是否可以直接就开始修改和添加？还是得删了才可以修改，后期工作中对代码的质量要求还是很多的，不然代码难维护和迭代，你开发项目就谈不上效率了。
HTML和CSS基础弄完后就可以开始JS了，个人认为先看原生JS比较好，后期切入其他的也比较方便，同样基础的知识去W3C都可以看，一边了解一边练习吧，熟练后就给上面写的页面添加一些基本的页面操作，尽量吧自己在W3C看过的指令、知识都在上面用一些，同样注意避免垃圾代码，每个功能点独立出来，复制黏贴的代码尽量写成公用方便，保持代码简洁。
上述内容完成后基本就算有基础知识了，然后开始学习目前市面上比较主流的框架，目前用的比较多的就是angularJS、react、vue这三个，优先选一种吧，我觉得如果真心要在前端这条路上走的，基本到时候3个框架都会学会，vue相对简单一些，入门比较快，自己根据情况选择吧，优先学会一种，不说很精通，起码能好好工作。框架选好了，然后就是了解ajax相关内容，这是前后端交互的关键，百度有很多知识，自己看就好，等这些你都了解，或者尝试过后，我觉得下一步最好是找个公司实习，因为无论自己怎么练习，都是没有真实的项目来的好。
参与项目后你会发现除了开发你也会要学习开发流程，这都是保证开发更为顺利的存在，每个公司流程不一样就不细谈了，简单来说就是给你养成良好开发代码的习惯，多总结自己碰到的问题，合理安排自己的提升计划吧，前端知识点很多，微信，小程序，nodeJS等，不要急着这也看那也看，选自己喜欢的方向，或者公司需求的方向，一个个来。
------------------------------------------------------------------------------------------------------------------------------------------
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧 ！
