一、基础要十分重视

首先建立第一条技能线，前端由html、css、js组成;然后将其细化为第二条线，html是由html4和html5组成;第三条线，css由css2和css3组成;第四条线，js由es5和es6构成。接下来是框架方面的延伸，css方向有les;html方向有bootstrap;js方向有jquery库。

再往下延伸一层，html、css方向，有前端构建工具;js除了jq库之外，还有更全面的前端框架，如react、angular、vue等。再往下细化，react是一个view层方案，为了让它能够全面解决前端需求，需要redux、react-router等作为补充。以上知识，都是一个合格的Web前端工程师应该掌握的。

二、学习要进行发散

Web前端是丰富多彩的，你可以融入其中，但不能只停留在这一块领域。如果你想要更好的发展，必须要多元化。比如做一个会Java后台的前端，做一个偏UI的前端，做一个很懂技术的产品经理，这些都将是你的优势。

企业其实并不需要你会很高深的技术，很多项目也用不上一些高难度的技术。大多时候，你能实现需求，能做出用户体验好的产品，能在特殊的阶段兼任某个岗位，能做一些别人做不了的事情，你的存在就更有价值。总之在技术上要抓住一个重点，也要发散自己的技术点，走更宽的路。

三、总结好的学习方法并坚持下去

在技术领域，有太多的东西会迅速过时，如何能够在这个领域长期处于不败之地，那就一定要有好的学习方式并持之以恒。你需要提升自己的学习能力，并不断的吸收新知识，突破自己。要记得，技术永远没有上限。

一、对用户体验的追求

不要认为用户体验只由设计师和产品经理把关就可以了。前端工程师对用户体验的关注度会直接影响产品的最终效果。

不管设计文档有多么详细，产品中仍然有大量的细节是设计方没有考虑到或者默认的，而这些细节需要前端工程师来把关。同样的设计，交给不关注体验的前端来做的话，会有很明显的粗糙感，而想要填平这些粗糙感需要大量的附加成本。

目前多数视觉设计师的不足是无法以动态的角度理解产品。比如我们要出一个设计稿，PC时代我们会出一个固定宽度的稿，比如800像素，然后让工程师去还原。后来到移动时代，我们会让设计师出两三个稿，对应不同屏幕的手机。这就是缺乏动态思维的弥补措施，无论出几个宽度的视觉稿，都只是动态形态的截面。

二、动机的来源

我遇到的很多转行做前端的人是认为前端门槛低，所以先从前端做起。这样的人也许能做基础的工作，但很难做到优秀。

厉害前端是奔着前端领域有更多的挑战和发挥空间而来的，而不是为了好找工作。事实上胜任高级前端的职位很难，我们招聘高级前端工程师的面试通过概率可能是研发类职位中最低的。

还有的人说对前端有兴趣，所以转行做前端。对于前端的兴趣要建立在对计算机的兴趣、对编程的兴趣之上。如果一个人对于做前端很有兴趣，但是对做后端或者其它开发类职位有排斥，那么就要对他的兴趣打个问号了，这类人可能不适合做研发类的工作。

三、全栈意识

这里所说的全栈并不是真的要去做后端工程师一样的事情。对于前后端分离，很多人有误解，理解成前端不用写后台代码。真正的前后端分离指的是系统级的分离，前端有独立的系统，当然要有自己的后台，还有各种辅助支撑系统。代码构建、发布、线上运维、数据统计监控都要了解，否则没法独立承担一块业务。