网站WEB前端开发需要掌握什么技术

一、网站WEB前端开发需要掌握什么技术

HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好，如果您想往项目经理发展，能懂一两门后台语言，绝对是锦上添花！

互联网目前主流浏览器有IE6\7\8\9，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯 TT，360，the World等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏浏览器，你翻翻他的硬盘，相信几十款肯定是有的（或查看前端社区www.w3cFuns.com中的浏览器大全）。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的浏览器要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端开发的热爱和激情。

目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的UCWEB，safari，IE，3G门户的，以及 symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是完全不同的。

由于不同的浏览器对CSS的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSS hack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。

目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。

目前比较流行的是Dreamweaver，其曾经风靡一时，到现在也没有退出历史舞台，证明DW还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用DW等工具产生的冗余代码。此外再掌握一些photoshop技能，即使没有美工，也能简单处理一些图像。

二、前端开发和网页制作的区别

前端开发和网页制作不是一个职位，即前端开发包含网页制作。

网页制作：一般意义上的网页制作可以分为两部分，即网页设计和网页排版，仅从技术上来说，学会两个软件就够了，Photoshop和Dreamweaver。前者负责设计效果图和切图即网页设计，后者负责编写html代码以及css样式表文件，也就网页排版，将切割后的图重新按照效果图的样子摆放在网页对应的位置上。如果对网页制作下个定义，就是用网页制作工具制作网页。

前端开发：到目前为止没有一个明确的定义，甚至将后台的某部分引入到前端开发之中，但是听起来也不无道理。下面给出一个前端开发工程师需要掌握的技能表：

核心掌握的语言有html+css+JavaScript。html发展历史有出现有二十多年，历经多次版本更新，JavaScript作为最难的语言之一，许多编程高手对之也不敢妄自菲薄自封精通。许多人都说前端开发要掌握的技能太简单，这是对html语言的一种误解。之前由于工具和没有较强逻辑性，大部分人对前端开发很轻视。导致前端开发在国内的发展异常缓慢。即使是现在，许多在前端开发的人员还不知道为什么要有html5和css3，这两项技术能带来什么革新就更不必问了。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好。至于php等一些后台语言，则是前端开发的扩展语言，想要成为前端开发项目经理，必须要懂得后台实现的思路，并能够写出适合后台修改的模板，不会让他们头大的想砸电脑。试想在DW生成的一个1MB多的页面里出现了错误，什么时候才能找到错误的根源并解决?

电脑上的浏览器，有IE6\7\8，Firefox，chrome，opera，safari，遨游，包括国内主流的搜狐，腾讯TT，360，世界之窗。从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的8个浏览器，要做到完全兼容，并不是那么轻松的。需要长时间的积累测试，需要前端开发工程师对前端开发的热爱和激情。

这项技术其实没必要单独列出来，前端开发人员往往要给别的人去擦屁股，这时候hack技术就能大显神威，提高工作效率。虽然写代码都要求按照标准来，不写hack代码，但实际工作中给别人擦屁股是免不了的。所以这也应该是每个前端开发人员必备的技能。

这些标准代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码，都要100%通过标准验证，为通过标准验证而感到自豪。这种推动业界发展的自豪感，是许多后台工作人员所不能体会到的。

掌握以上技能，可以说只能算是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。此时和网页制作设计的区别不是特别明显，效果上来看，都是制作网页的，但实际上，技术上所超于的已经是几个档次的东西了。而这些，恰恰是一个普通网页制作设计所做不到的事情。因为不懂DW背后的代码，也有部分人说懂得手写代码，只能说，不在手写代码中实践、解决问题，根本不能领会到手写代码的精髓。

显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美能力，而在此基础之上，还要对已完成的页面进行维护和以及网站前端性能做相应的优化。而网页制作只是这整个前端开发过程的一个组成部分，所以真正的前端开发人员是一个很厉害的角色。

三、web前端开发都学什么

web前端开发都学什么?web前端开发容易学么?

作为初学者或者零基础的你，上面两个问题肯定都会在你脑海里产生疑问，北京北大青鸟给你揭开答案。

其实WEB前端开发是从网页制作演变而来的，WEB前端开发工程师(或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”)，这样的一个职位的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作。

同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。而且现在前端开发越来越多的得到公司的重视，没有好的WEB前端，再强大的后端技术也无法完美的呈现在人们面前。

在以前可能大部分的人都没有听过什么WEB前端，最多的就是网页设计或者语言开发。随着互联网的发展，WEB前端越来越被重视，同样的薪资待遇也是，所以很多人想去学习WEB前端开发。

一般来讲WEB前端工程师培训机构都是阶段性的进行教学的，主要的前端开发课程所涉及的软件有HTML，CSS，JavaScript;HTML是内容，CSS是表现，javascript是行为。

第1阶段：从零基础到PC端整站页面开发(HTML/CSS全学习+JS初级)行业入门与DW软件介绍、DIV+CSS样式及网页布局、HTML超文本标记语言与页面实战、CSS样式与页面实战、DIV+CSS盒模型与HTML/CSS实战、元素显示类型与浮动CSS浮动、CSS定位、浏览器兼容、JavaScript初级，北大青鸟Html、CSS、JavaScript免费课程抢报链接见阅读原文。

第2阶段：适配于IOS/Android移动端整站开发、(HTML5/CSS全进阶+JS中级)、JavaScript中级、HTML5初级(HTML5基本标签，HTML5新增标签，canvas标签的使用，canvas动画案例)、CSS3初级(CSS3样式基础，CSS3盒模型，CSS3新增UI样式，移动端网站案例制作);

第3阶段：微信端微场景HTML5动态页面制作(HTML5/CSS高阶+JS高级)、JavaScript高级(运动框架)、JavaScript高级(时间版运动)、HTML5/CSS3高级应用(HTML5中canvas库jCanvaScript.1.5.18.min应用，HTML5音视频讲解，入场，动画的原理和制作，手机引导页动画案例)、HTML5+CSS3高级应用与移动端案例实操;

第4阶段：响应式个人网站开发(前端工程师高级进阶与框架应用)