web前端开发需要具备以下7种技能：
1.页面标记（HTML）
HTML页面固定，标签不多，相对来说学起来比较容易。编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html)。HTML是页面结构的基础组成部分，是网站的基础，臃肿混乱的HTML代码不但会影响 其本身的表现，而且与其对应的css和javascript代码也会变得难以编写和维护。
2.页面样式css（Cascading Style Sheet）
在标准的页面设计中，因为css负责网页类容的表现，所以css也是前端开发需要掌握的核心内容之一。CSS和HTML代码一样，没用复杂的逻辑，上首页比较容易，其主要难点在于如何合理利用CSS的组合和继承特性来编写简洁，维护性好的CSS代码。
3.前端编程主要指（javascript）
javascript是一种基于对象和事件驱动的客户端脚本语言，是页面实时动态交互的技术基础。javascript是非常灵活的脚本语言，包含的高阶函数，动态类型以及灵活的对象模型等强大的语言特性，当然，javascript的灵活性也可能导致代码的不易维护。浏览器的兼容性也增加的javascript代码的编写难度。开发人员在熟悉javascript基本语法和基本的编码规范之外，还应该了解并解决在不同浏览区中JavaScript的兼容性问题，另外，作为前端开发工程师，必定会涉及后端的编程，一些原因是目前流行的web编程方式会有部分后端代码存在于前端页面中，和前端HTML,javascript等混合在一起，如php，jsp，ASP.NET等，因此，前端开发工程师也有必要了解一些后端编程技术。
4.跨平台，跨浏览器
跨平台指移动设备（如智能手机和平板电脑）和PC端；
跨浏览器这个问题随着IE6，IE7市场占有率下降和众多浏览器标准的重视，目前流行的前端框架已经很好滴解决了浏览器兼容问题。尽管如此，还需熟悉常见的浏览器兼容问题，如IE7，IE8的兼容，HTML5中新特性的兼容等。
5.前端框架
前端框架的出现在很大程度上降低了前端开发的难度，框架同意了编码的方式，封装了浏览器兼容问题并添加了大量的扩展功能。如今在开源社区GitHub上排名靠前的开源框架也是以前端框架居多，如jQuery（javascript库）、angular2、vue.js、react等等；
6.调试工具
对于前端代码，在调试过程中需要查看HTML结构变化，css渲染效果，javascript代码执行情况以及HTTP请求和返回的数据，并了解网站各部分的性能等。主流浏览器都有对应的浏览器插件来辅助完成这个工作，如IE中的IE Dev Toolbar 、Chrome中的Developer Tools、Firefox中的Firebug等。
7.沟通能力
web前端开发介于UI和后端逻辑开发之间，因此web前端开发工程师需要和UI设计师沟通，确定效果是否可以实践以及实践的代价，并对UI设计提出建议；还需要和后端工程师沟通，确定前后端交互，确定后端交互的接口以及传输的数据实体的结构等，良好的沟通让你这些过程变得轻松许多。