1.1 Web前端开发技术概述

前端开发是创建Web页面或APP等呈现给用户的前端界面的过程。Web前端开发通过HTML、CSS、JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来。在互联网的演化进程中，网页制作是Web 1.0时代的产物，早期网站的主要内容大都是静态的，以图片和文字为主，用户使用网站也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互性更强，功能更加强大。

1.1.1 万维网与W3C

万维网（World Wide Web, WWW）是无数个网络站点和网页的集合。它们一起构成了因特网最主要的部分。它实际上是多媒体的集合，是由超链接连接而成的。人们通过网络浏览器上网观看的就是万维网的内容。万维网是一个资料空间。在这个空间中，一种有用的事物称为一个资源，并且由一个全域统一资源标识符（Uniform Resource Locator, URL）标识。这些资源通过超文本传输协议（HyperText Transfer Protocol, HTTP）传送给用户，而后者通过点击超链接来获得资源。从另一个角度来看，万维网是一个通过网络访问的互连超文件（interlinked hypertext document）系统。

万维网联盟（World Wide Web Consortium, W3C）又称W3C理事会，1994年10月在美国麻省理工学院（MIT）计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。万维网常被当成因特网的代名词，实际上，万维网是依靠因特网运行的一项服务。正因为万维网是如此的重要，不应由任何一家单独的组织垄断，因此W3C扮演着一个会员组织的角色。

W3C的会员包括软件开发商、内容提供商、企业用户、通信公司、研究机构、研究实验室、标准化团体以及政府。其中一些知名的会员包括IBM、Microsoft、America Online、Apple、Adobe、Macromedia等。

1.1.2 关于Web前端开发技术

1．Web前端开发的基础技术

Web前端开发的基础技术包括HTML、CSS和Java Script，被称为Web前端开发的三大核心技术。HTML的进阶就是JADE，CSS的进阶就是SCSS，Java Script的进阶就是ES6、CoffeeScript和TypeScript。

所谓HTML就是超文本标记语言，是HyperText Markup Language的英文缩写。大多数网页都是由HTML编写而成的。其中，超文本是指页面内可以包含图片、超链接、视频、音频、程序等非文本元素；标记是指这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML就可以把网页内容显示出来。

CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML或XML（可扩展标记语言）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

JavaScript是一种脚本编程语言，其包含类似Java的语法。Java Script最早在HTML网页上使用，用来给HTML网页增加动态功能。

2．Web前端开发岗位需要掌握的技能

1）绘制原型图、实现效果图。Web前端开发人员要熟练掌握一种原型设计工具，能够将构思通过工具绘制成原型图，并将设计出的原型图通过页面代码的方式表现出来。

2）与设计师沟通及项目参与。Web前端开发人员需要和设计师就原型图进行某些效果实现的探讨。

3）精通HTML。

4）精通CSS。

5）熟练掌握JavaScript、jQuery、ajax。

6）熟练使用Vue、React、Angular等框架。

1.1.3 关于网页风格

所谓网页风格是指网页设计上的视觉元素组合在一起的整体形象带给人的直观感受。视觉元素包括网页的配色、字体、页面布局、页面内容等元素。网页风格一般与企业的整体形象相一致，如企业的行业性质、企业文化、提供的相关产品或服务特点都应该在网页风格中得到体现。良好的网页风格不仅能帮助客户认识和了解网页背后的企业，也能帮助企业树立品牌形象。