前端是最接近产品和设计的工程师，起到衔接产品和技术的作用。前端为用户的视觉部分负责，将数据信息以web页面或者app页面的形式展示给用户，所以在这个过程中，会涉及很多的知识，以下做一个简单的整理：

一、基础学习

大部分人在选择开发的时候，都会考虑到学习成本的问题。对于新人前端来讲，学会html+css就已经可以实现最简单的p布局了。对于前端开发，首先必要掌握的就是前端三剑客了，html、css、js。能够使用前端语言进行页面重构，还原设计图效果、PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局。建议直接从html5、css3、ES5入手进行来学习。楼建多高取决于地基有多深，所以基础一定要打牢固。

二、辅助技能

因为前端开发是链接设计图和数据关键的一环，所以对ui设计和后端开发都要有所了解。

比如说，精通ps、切图类工具的应用。Photoshop是必然需要掌握的，这里我们不强调作图的精美，但是至少需要掌握它的应用。

还有，一般情况下，前端和后端是分开的，不过也存在特殊情况，所以前端也要掌握部分后端的知识，比如说PHP、Python、nodeJs。从上手难度和目前的市场热度来看，更推荐nodeJs，对于前端工程师更加友好。

三、各种框架类库

使用更多的插件替代原生开发，比如jQuery经典特效交互开发，Bootstrap前端响应式框架等。这类框架都可以大步地提高开发效率，相关的类库很多，其次能够利用原生JavaScript进行交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发。

四、主流框架及工程化项目

熟练应用当下主流框架，vue，react，angular，且能熟练的进行开发。对于前端工程化与模块化应用的开发模式熟练。对于服务端渲染，网站性能优化，网站兼容相关操作熟悉。熟悉HTTP协议，能使用Ajxa进阶，利用nodejs运行环境搭建服务器，实现简单的全栈项目，利用前端工程化与模块化开发应用。

五、touch端开发场景

除了能够实现网页开发外，对于小程序（微信、阿里、百度、字节跳动等），H5宣传页，webApp等场景熟悉，并且能够熟练应用关键开发技术。

六、工具

如Git、webpack、Gulp、github、Nginx 等等。工具的学习是自我的一种提升。它将提高你的工作效率，节省时间成本。