简析WEB前端开发

陈娟　李佳雪　王禹焜

摘 要：前端开发是创建WEB页面或者APP等前端界面呈现给用户的过程;通过HTML， CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。如今WEB前端发展迅速，对人才的需求量大，本文主要从WEB前端开发的历程、工具、技术、现状和未来五个方面进行简单的介绍。

关键词：WEB前端开发;工具;技术;现状和未来

一、WEB前端开发的发展历程

回顾过去，WEB在不断的发展和完善，互联网行业也在不断的发展和进步。以史为鉴，可以知新替，接下来就简单说一下从WEB1.0到WEB3.0的变化。

首先是WEB1.0只读的互联网时代。19世纪中期，HTML的出现推动了家用计算机的普及，以技术创新为主导，注重点击浏览;通过门户整合，用户以流量为主;以网页制作为主，大多是静态页面，也有动态页面。

其次是WEB2.0交互的互联网时代。大概是在2004年前后，开始有了WEB2.0的概念，它更注重用户的交互作用，用户既是浏览者，又是内容的制造者，在模式上有单纯的“读”向“写”以及共同建设发展。

最后是WEB3.0聚合的互联网时代WEB3.0是一个正在尝试概念，用户拥有自己的数据，并能在不同平台交互共享，强化虚拟货币及网络安全和网络财富的共识，以及语义化的实现。

二、WEB前端开发的主要工具

孔子说：“工欲善其事，必先利其器”。在WEB前端开发中也一样，想要开发出色的优秀的项目，必然要有合适的工具。下面提到的这些工具可能都是大家常用的和熟悉的工具。当然，除此之外，还有形形色色的工具供大家选择，大家可以根据自己的需求选择合适的工具。

Dreamweaver是一个由Macromedia公司所开发的著名网站开发工具。老牌的网页编辑软件，很多老师都用这个软件教学生设计网页。它的功能很强大，最大的优点是可视化编辑，还有当你的代码有错误时会给出提示，因此深受前端开发人员和网站开发人员欢迎。

WebStorm 是jet-brains公司旗下一款JavaScript 开发工具。是一款很好用的JavaScript开发工具，被广大中国前端开发者誉为“前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

Photoshop简称PS，是全球最受欢迎的图形图像处理软件。功能及其强大，除了在图形、图像、视频、文字出版这些方面有涉足外，还可以用在WEB前端开发的实践中，比如网站的美工，值得一提的是，WEB前端开发人员可利用PS来进行网页的切图和设计，而它的切图工具又是如此的强大，可以自动生成网页格式，很大程度上提高了网页开发效率。

以上提到的三种工具是在校学生使用比较多的软件，当然还有其他各种工具，例如Bootstrap、Foundation、Notepad++、Visual Studio Code等一系列的开发工具。

三、WEB前端开发的关键技术

蒲松龄的诗中曾提到“书痴者文必工，艺痴者技必良”，可见技术对某种特定的人来说是很重要的。而作为前端开发人员必须掌握的三种技术：描述网页内容的HTML、描述网页样式的CSS以及描述网页行为的JavaScript。

HTML一般来说是前端开发人员学习的第一门语言，它是超文本标记语言的英文缩写，现在我们上网见到的网页，大都是用HTML语言写的。所谓的超文本就是网页中包含图片、链接、音乐等非文字的元素。而标记可以理解成这些非文本元素的开始结束的一个标签。浏览器正是通过这种对网页元素的开始和结束的标签来进行解码，以便让网页的内容显示出来，这也是构成互联网兴起的基础。

CSS是前端开发人员在学完HTML之后要学的第二门语言，它是一门描述性的语言，通俗的理解来说描述性就是描述各种HTML元素的外观。CSS的英文全称是Cascading Style Sheets，翻译为层叠样式表，许多业内的人员在学习或者动手实践的过程中肯定会发现你所编写的CSS的文件类型是这个名字。CSS不仅仅能够静态的修饰网页，有些时候也可以利用CSS在网页上做出一些动态的效果，它可以配合各种脚本语言动态地对网页的元素进行格式化。通常前端开发人员会将网页元素与修饰网页的CSS单独分开写，还有目前流行的DIV+CSS的布局技术，这种方式的开发可以帮助实现页面内容和样式的分离，同时也便于网站后期的维护。

JavaScript是一门脚本编程语言，和JAVA的语法非常的相似，是一种直译式脚本语言，也是一种高端的、动态的、弱类型的编程语言，很是适合面向对象和函数式的编程风格。目前绝大多数网站都采用的这门编程语言，并且所有的现代WEB浏览器均包含JavaScript解释器，它的解释器被叫做JavaScript引擎。JavaScript可以用来给网页增加动态性，例如一些图片轮播效果，鼠标动态效果等，还可以用其做出炫酷的动态效果。近几年来可以看到在各大平台公布的编程语言排名，JavaScript仍名列前茅，这是因为它能够实现混合应用开发和复杂的前端逻辑，也是唯一能在所有主流的平台上被原生支持的编程语言，所以才能够被前端开发人员所青睐，经久不衰。

以上提到的三种技术是前端开发的三大要素，当然前端开发的技术还有很多，比如jquery，node.js还有一些前端的框架等。

四、WEB前端开发的现状

目前来看，WEB前端开发还处于蓬勃发展的时期，虽然前端开发起步时间晚，但是发展得很迅速，目前开发的WEB新产品的页面交互性越来越强，视觉效果越来越绚丽。在整个技术领域，WEB前端开发一直站在第一线直面用户体验，已成为当下计算机行业紧俏的高端技术岗位。

由于WEB前端就业口径宽，职业前景好，职位需求大，薪酬水平也比较高，所以想要进入到WEB前端开发这一行业的人越来越多。就目前来看，市场上有的前端开发职位有前端开发工程师，网页设计师，交互设计师等众多职位。但是想要在这一行业站稳脚跟却不是那么容易，你需要有良好的知识素养和过硬的技能，前端开发人员需要掌握以下的技能：1、精通前端开发的三大要素HTML、CSS、JavaScript;2、熟悉前端开发的各种框架、页面布局和架构;3、及时学习前端开发的各种衍生技术和新技术;4、虽然是前端开发人员，但是对数据结构、算法和后台的开发要有一定的了解;5、对表现数据分离、WEB语义化要有深刻的认知，并且要熟悉W3C标准。

五、WEB前端开发的未来

展望未来，机遇与挑战并存。随着技术的发展，前端开发会越来越成熟，体系也会逐渐的完善。HTML5，CSS4.0这些技术将会成为前端开发的主流技术，也会有越来越多的前端开发技术出现，我们要时刻关注着新技术的出现。现在来看，前端技术才刚刚走向成熟，在未来的一段时间里，相信对人才的需求量仍会不断的增加。但任何需求都有不再增长的时候，对人才需求饱和也是前端开发逐渐成熟的标志。对从事前端开发的人来说，既是机遇，又是挑战。机遇是前端开发者们会有更广阔的发展空间，更高的舞台去展现实力。挑战是科研工作者也要不断地完善自身实力，开发出更多优秀的满足用户需求的产品，同时从事WEB前端的工作人员也会存在着更大的行业竞争压力。

参考文献：

[1]曹刘阳.编寫高质量代码：Web前端开发修炼之道[M].北京：机械工业出版社，2010.5.

[2]（美）弗兰纳根著.淘宝前端团队（译）JavaScript权威指南第六版[M].北京：机械工业出版社.2012.3.

[3]袁婷.浅谈Web前端开发[J].无线互联科技 2017.01.01.

作者简介：

陈娟（1998—），女，汉族，四川古蔺，本科，研究方向：数字媒体技术。

李佳雪（2000—）女，汉族，河南安阳，本科，研究方向：移动互联网。

王禹焜（1999—）男，汉族，四川资中，本科，研究方向：数字媒体技术。