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設計提出建議；還需要和后端工程師溝通，確定前后端交互，確定后端交互的接口以及傳輸的數據實體的結構等，良好的溝通讓你這些過程變得輕松許多。