前端学习路线

这几天有人评论想让我说说前端学习的路线，首先说一下，我不是大佬，我也只是一个普通的前端。

这种前端路线在网上搜集本都可以搜到，我简单的说一下我自己是怎么一步一步学习前端的把。我是从培训机构学习出来的，当时学了快一年的时间，学校教的也比较杂。

学习前端肯定需要先从html和css学起，这俩个是学前端第一步肯定要做的事情，千万不要学了一点点css和html感觉能布局了就赶快去学js，加效果什么的，布局是比较重要的，我刚出来学习的时候，当时只做静态页面加效果，技术总监对我不错，没有说过我，后来之后提醒我布局的时候一定要步好，根据后端数据的情况去步页面，当时我布的页面我们老大很多都自己返工了，也没和我说，因为当时我工作就是静态效果展示。

还有一点布局的时候不要图快，一定要把公共的抽离出来，还有该加的a标签就赶紧加上，我老师不喜欢加a标签，但项目真要上线的时候在加，很多样式都会变化，还要一个一个去改，这些细节什么的一定要注意。

页面布局没问题的时候，简单的学一下ps，千万不要抱着ps是设计学的，前端不需要学什么的，至少简单的切图换个文字咱得会啊，每个人都有忙的时候，技多不压身么。有时候自己比设计更适合切图，因为自己布页面的时候会想到怎么切。

接下来学习js，简单的变量，循环，函数，封装，这些一定要把原理搞清楚，不要靠着视频依葫芦画瓢，比如说每次做什么效果的时候总想着当时看的视频是怎么做的，自己老是按着视频上的方法走。一定要慢慢的学会举一反三。ajax也属于js里的，这个也要彻底搞清楚，但是ajax不需要去研究他的原理，你只要会用这个东西，用的熟就可以。

在然后简单的学习一些php的环境搭建，这个对做项目还是很有帮助的。弄清楚之后学习一些前端常用的控件，这些搞清楚以后就可以去找前端工作了，但找工作之前也一定要下足功夫，背一些常用的面试题，每次面试失败的时候一定要总结一下自己哪里做的不好或者什么的。

vue，angularjs，react框架三选一，挑一个自己认为不错的，或者喜欢的学，不要想着三个都学，等把一个先搞定再说。grunt或者webpack简单学学，项目中可以用就行。

还有什么canvas其他什么的都简单看看，能用就行，一般正常公司，做的网站一般都是中规中矩，不会太另类。上面所说的学完，已经足够自己在项目中用了。还有一些在项目中遇到的问题只能在项目中学习了。

祝在工作的，工作顺利，没工作的，加油努力。