什么是web前端

web前端开发主要是通过html，css,js,ajax,DOM等前端技术，实现网站在客服端的正确显示及交互功能。在众多的前端开发技术中，JavaScript击败了Applet、ActionScript，成为了当下最“牛”的前端技术！

在早期点Web前端不叫前端，而是被亲切的叫做“网页设计师”。

网页三剑客（Flash、Dreamweaver、Firewoks)并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。后来Firewoks被Adobe这个变态的巨头收购以后，ps就基本取代Firewoks来做设计网页的工作了，虽然我知道现在还有人用，估计是一种怀念和某些好用的切图功能吧。

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

实际上前端工程师最核心的技能还是：Html、CSS、JS，在一个典型的互联网公司的产品研发流程中，前端工程师和其他角色的关系大致上是这样的：

前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。

在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道：

前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。

前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师， 而是所有人机交互领域的工程师。

扩展资料：

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发工程师

Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性

Web前端表现层及与前后端交互的架构设计和开发

配合后台开发人员实现产品界面和功能

利用各种Web技术模拟开发产品原型

Web新技术调研和资讯整理

精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想

参考资料： web前端工程师_百度百科

YUI是Stardust Promotion所属的女歌手。日本才女歌手YUI，向来作风低调，凭有日版《新不了情》之称的《太阳之歌》火速成名。从小就梦想成为歌手，中学三年级的时候开始在笔记本上写诗。 进入高中，她决心成为歌手，并在街边演唱，当地的音乐学校听了LIFE的录音后，邀请她加入。 YUI选择离开高校，而去音乐学校学习吉他演奏和作曲。在自家的蒲团上练习吉他，开始尝试作曲，处女作为「Why me」。此外，YUI 还是Yahoo的一组工具和控件，它们用JavaScript写成，，为的是用DOM 脚本，DHTML和AJAX等技术创建丰富的网页交互式应用程序。

下面我们介绍一些比较常见的Javascript框架，高手跳过，才学JS和ajax的朋友则应该好好了解一下。

jQuery

jquery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。

Dojo

Dojo 是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax，events，packaging，CSS-based querying，animations，JSON等相关 *** 作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。

YUI(Yahoo! User Interface Library)

Yahoo! User Interface (YUI) Library是一组采用DOM scripting，Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。

•Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。

•YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。

Mootools

MooTools 是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体设计也比Prototype.js要相对完善，功能更强大，比如增加了动画特效、拖放 *** 作等等。

prototype

prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。

script.aculo.us

script.aculo.us 是一个易于使用，支持多种浏览器，用于增强Prototype的JavaScript框架。script.aculo.us包含：动画框架（animation framework），拖放（drag and drop）， Ajax控件，DOM工具，单元测试等。

ExtJS

ExtJS是一个跨浏览器，用于开发RIA（Rich iInternet Application）应用的JavaScript框架。提供：高性，可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。

---