关于Web前端、Html5、JS的区别

关于前端的不同方向的区别

前端的方向有：

• Web前端
• Html5
• JavaScript

Web前端

Web前端开发工程师，是利用HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

职责要求：

1.为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性；
2.Web前端表现层及与前后端交互的架构设计和开发；
3.配合后台开发人员实现产品界面和功能；
4.利用各种Web技术模拟开发产品原型；
5.Web新技术调研和资讯整理；
6.精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解；
7.熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想。

技术要求：

1.对常用的一些JS框架了解，如jQuery、YUI等；
2.掌握最基本的JavaScript计算方法编写；
3.对目前互联网流行的网页制作方法HTML+CSS，以及各大浏览器兼容性有很大的了解；
4.对前沿技术（HTML5+CSS3）的基本掌握；
5.还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化。

拉勾网职位举例：

应届毕业生平均8k
工作经验1-3年平均13k
工作经验3-5年平均16k+

Html5

HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。

H5的优势

1.提高可用性和改进用户的友好体验;
2.有几个新的标签，这将有助开发人员定义重要的内容；
3.可以给站点带来更多的多媒体元素(视频和音频)；
4.可以很好的替代FLASH和Silverlight；
5.当涉及到网站的抓取和索引的时候，对于SEO很友好；
6.将被大量应用于移动应用程序和游戏。

技术要点

1.video标记
2.audio标记
3.canvas标记
4.增加了更多的程序接口
5.新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput
6.元素的新属性：日期和时间，email, url
7.新的通用属性：ping, charset, async
8.全域属性：id, tabindex, repeat
9.移除元素：center, font, strike
10.Html标注的属性里加上runat=”server”所构成的控件

拉勾网职位举例：

应届毕业生平均4k
工作经验1-3年平均12k
工作经验3-5年平均15k+

JavaScript

Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系。

JS主要工具

1.开发工具
javascript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑javascript文件。

2.测试工具
JSLint –JavaScript的验证器
JsUnit
YUI Test
Obtrusive JavaScript Checker
Crosscheck
JSLitmus
JavaScriptMVC的测试插件

3.调试工具
Javascript调试工具包
Firebug
Venkman
NitobiBug
DamnIT
JS Bin
Blackbird

4.压缩工具
Online Javascript Compression Tool
Scriptalizer
Dojo ShrinkSafe
YUI Compressor

5.文件记载
jGrouseDoc

6.格式化工具
JavaScript代码美化工具
JSDoc Toolkit

7.浏览器扩展
Firefox, Flock & Seamonkey的网络开发人员扩展
Opera Dragonfly
IE6/7的开发者工具条

拉勾网职位举例：

工作经验1-3年平均8k-10k
工作经验3-5年平均15k+

谢谢浏览~