web前端是什么

web前端即为网站的前端开发，前端开发是创建Web页面或app等前端界面呈现给用户的过程。

web前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。

在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

扩展资料：

前端技术的发展是互联网自身发展变化的一个缩影。前端技术指通过浏览器到用户端计算机的统称，存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。

以前会Photoshop和Dreamweaver就可以制作网页，随着网站开发难度加大、开发方式多样，网页制作更接近传统的网站后台开发，网页制作更多被称为Web前端开发。

前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计，艺术性较强的视觉设计等。

参考资料来源：百度百科-前端开发

Web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。

随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

扩展资料：

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

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

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



web前端开发工程师-web2.0时代

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

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

Web新技术调研和资讯整理

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

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

参考资料来源：百度百科-web前端工程师

让我们先用官方定义了解前端的含义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。用通俗易懂的话来说，前端就是网站展示给你的部分。

顾名思义，前端开发就是制作、开发前端的过程，也就是代码的实现。

这可能和网页设计有点像。但是，它并不是传统意义上的网页设计。早年的网页设计主要是以图片和文字为主，用户使用网站的行为也以浏览为主。而现在的前端开发使得现代网页更加美观，交互效果显著，功能更加强大。所以现在的前端开发，运用到的知识面更加广泛，难度也更大。

不过，无论怎么发展，HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论题主是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。

在这个基础之上，还要学习各种工具，框架。所以说前端是一门学习范围很广，知识杂乱的学科。

不过，只要你有决心，有毅力，一定可以完成这项任务。

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

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

工程师的职责：

1. -为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性

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

3. -JavaScript程序模块开发，通用类库、框架编写

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

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

6. -Web新技术调研和资讯整理

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

8. -精通Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想

9. -熟悉一种以上后台开发语言(如PHP/Java或C/C++/.NET)以及一种数据库(如MySQL/Oracle)，有Linux系统操作

10. web前端开发工程师需要长期的web开发经验，例如：

11. -对Web技术创新及丰富互联网应用开发(Rich Internet Applications)有浓厚兴趣

12. -对用户体验、交互操作流程、及用户需求有深入理解

具体技能描述：

· 【必备】UserInterface

1. PhotoShop/Fireworks Design

a -配合美工将草图形成具体的符合WebPage的设计

b -有快速制作分层高品质PSD、PNG的能力

c -能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码

2. Flash Design

a -基本动画效果

b -复杂的交互体系设计，了解第三方swf辅助设计软件

c -复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)

· 【必备】Browser-side (Web Application)

1. XHTML/CSS

a -基本的layout实现

b -严格跨平台的layout实现以

c -优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。

2. JavaScript/Ajax/DOM

a -基本的DOM操作，了解AJAX，可以实现数据通信

b -基本的DOM操作，能写高效率的OOP代码，以降低维护成本

c -基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码

3. Flash Developement

a -基于Timeline的ActionScript操作，能实现简单交互

b -掌握a外，能实现数据层通信(与服务器以及本地SharedObject)

c -精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计，等等)。

随着Web端功能的日益复杂，人们开始考虑这样一些问题：

如何更好地模块化开发，业务数据如何组织，界面和业务数据之间通过何种方式进行交互

在这种背景下，出现了一些前端MVC、MVP、MVVM框架，我们把这些框架统称为MV*框架。这些框架的出现，都是为了解决上面这些问题，具体的实现思路各有不同，主流的有Backbone，AngularJS，Ember，Spine等等，本文主要选用Backbone和AngularJS来讲述以下场景。

1. 数据模型

在这些框架里，定义数据模型的方式与以往有些差异，主要在于数据的get和set更加有意义了，比如说，可以把某个实体的get和set绑定到RESTful的服务上，这样，对某个实体的读写可以更新到数据库中。另外一个特点是，它们一般都提供一个事件，用于监控数据的变化，这个机制使得数据绑定成为可能。在一些框架中，数据模型需要在原生的Java类型上做一层封装。defaults方法用于提供模型的默认值，initialize方法用于做一些初始化工作，这两个都是约定的方法，toggle是自定义的，用于保存todo的选中状态。除了对象，Backbone也支持集合类型，集合类型在定义的时候要通过model属性指定其中的元素类型。

如果你想学习一门IT技术，并希望从web前端开发这个最基础的编程技术入门。你可以来这个裙。前面是六  ⑤  7，中间是1 三 7 ，后面是九 O 六。在这里有最新的web前端开发技术课程，免费学习。也有很多人指导你进步，不需要你付出什么，只要你有一颗学习的心就可以了。不愿意认真学习或者自认为不需要学习的就不要加了！

数据模型也可以包含一些方法，比如自身的校验，或者跟后端的通讯、数据的存取等等，在上面两个例子中，也都有体现。AngularJS的模型定义方式与Backbone不同，可以不需要经过一层封装，直接使用原生的Java简单数据、对象、数组，相对来说比较简便。

2. 控制器

在Backbone中，是没有独立的控制器的，它的一些控制的职责都放在了视图里，所以其实这是一种MVP(Model View Presentation)模式，而AngularJS有很清晰的控制器层。

还是以这个todo为例，在AngularJS中，会有一些约定的注入，比如$scope，它是控制器、模型和视图之间的桥梁。在控制器定义的时候，将$scope作为参数，然后，就可以在控制器里面为它添加模型的支持。

3. 视图

在这些主流的MV*框架中，一般都提供了定义视图的功能。也有那么一些视图，需要依赖于界面上的已有元素，比如下面这个，它通过el属性，指定了HTML中id为todoapp的元素，并且还在initialize方法中引用了另外一些元素，通常，需要直接放置到界面的顶层试图会采用这种方式，而“部件”视图一般由主视图来创建、布局。改变模型可以随时反映到界面上在界面上做的操作(输入，选择等等)可以实时反映到模型里。而且，这种绑定都会自动忽略其中可能因为空数据而引起的异常情况。

4. 模板

模板是这个时期一种很典型的解决方案。我们常常有这样的场景：在一个界面上重复展示类似的DOM片段，例如微博。但是使用模板技术，这一切可以更加优雅。

主流的模板技术都提供了一些特定的语法，有些功能很强。值得注意的是，他们虽然与JSP之类的代码写法类似甚至相同，但原理差别很大，这些模板框架都是在浏览器端执行的，不依赖任何服务端技术，即使界面文件是.html也可以，而传统比如JSP模板是需要后端支持的，执行时间是在服务端。