1、HTML学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。

2、CSS学习

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

3、JavaScript学习

JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板

4、jQuery学习

jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨

5、bootstrap

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

6、实战

技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。

一、对用户体验的追求

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

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

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

二、动机的来源

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

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

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

三、全栈意识

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