陳娟　李佳雪　王禹焜

摘 要：前端開(kāi)發(fā)是創(chuàng)建WEB頁(yè)面或者APP等前端界面呈現(xiàn)給用戶(hù)的過(guò)程;通過(guò)HTML， CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)界面交互 。如今WEB前端發(fā)展迅速，對(duì)人才的需求量大，本文主要從WEB前端開(kāi)發(fā)的歷程、工具、技術(shù)、現(xiàn)狀和未來(lái)五個(gè)方面進(jìn)行簡(jiǎn)單的介紹。

關(guān)鍵詞：WEB前端開(kāi)發(fā);工具;技術(shù);現(xiàn)狀和未來(lái)

一、WEB前端開(kāi)發(fā)的發(fā)展歷程

回顧過(guò)去，WEB在不斷的發(fā)展和完善，互聯(lián)網(wǎng)行業(yè)也在不斷的發(fā)展和進(jìn)步。以史為鑒，可以知新替，接下來(lái)就簡(jiǎn)單說(shuō)一下從WEB1.0到WEB3.0的變化。

首先是WEB1.0只讀的互聯(lián)網(wǎng)時(shí)代。19世紀(jì)中期，HTML的出現(xiàn)推動(dòng)了家用計(jì)算機(jī)的普及，以技術(shù)創(chuàng)新為主導(dǎo)，注重點(diǎn)擊瀏覽;通過(guò)門(mén)戶(hù)整合，用戶(hù)以流量為主;以網(wǎng)頁(yè)制作為主，大多是靜態(tài)頁(yè)面，也有動(dòng)態(tài)頁(yè)面。

其次是WEB2.0交互的互聯(lián)網(wǎng)時(shí)代。大概是在2004年前后，開(kāi)始有了WEB2.0的概念，它更注重用戶(hù)的交互作用，用戶(hù)既是瀏覽者，又是內(nèi)容的制造者，在模式上有單純的“讀”向“寫(xiě)”以及共同建設(shè)發(fā)展。

最后是WEB3.0聚合的互聯(lián)網(wǎng)時(shí)代WEB3.0是一個(gè)正在嘗試概念，用戶(hù)擁有自己的數(shù)據(jù)，并能在不同平臺(tái)交互共享，強(qiáng)化虛擬貨幣及網(wǎng)絡(luò)安全和網(wǎng)絡(luò)財(cái)富的共識(shí)，以及語(yǔ)義化的實(shí)現(xiàn)。

二、WEB前端開(kāi)發(fā)的主要工具

孔子說(shuō)：“工欲善其事，必先利其器”。在WEB前端開(kāi)發(fā)中也一樣，想要開(kāi)發(fā)出色的優(yōu)秀的項(xiàng)目，必然要有合適的工具。下面提到的這些工具可能都是大家常用的和熟悉的工具。當(dāng)然，除此之外，還有形形色色的工具供大家選擇，大家可以根據(jù)自己的需求選擇合適的工具。

Dreamweaver是一個(gè)由Macromedia公司所開(kāi)發(fā)的著名網(wǎng)站開(kāi)發(fā)工具。老牌的網(wǎng)頁(yè)編輯軟件，很多老師都用這個(gè)軟件教學(xué)生設(shè)計(jì)網(wǎng)頁(yè)。它的功能很強(qiáng)大，最大的優(yōu)點(diǎn)是可視化編輯，還有當(dāng)你的代碼有錯(cuò)誤時(shí)會(huì)給出提示，因此深受前端開(kāi)發(fā)人員和網(wǎng)站開(kāi)發(fā)人員歡迎。

WebStorm 是jet-brains公司旗下一款JavaScript 開(kāi)發(fā)工具。是一款很好用的JavaScript開(kāi)發(fā)工具，被廣大中國(guó)前端開(kāi)發(fā)者譽(yù)為“前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。

Photoshop簡(jiǎn)稱(chēng)PS，是全球最受歡迎的圖形圖像處理軟件。功能及其強(qiáng)大，除了在圖形、圖像、視頻、文字出版這些方面有涉足外，還可以用在WEB前端開(kāi)發(fā)的實(shí)踐中，比如網(wǎng)站的美工，值得一提的是，WEB前端開(kāi)發(fā)人員可利用PS來(lái)進(jìn)行網(wǎng)頁(yè)的切圖和設(shè)計(jì)，而它的切圖工具又是如此的強(qiáng)大，可以自動(dòng)生成網(wǎng)頁(yè)格式，很大程度上提高了網(wǎng)頁(yè)開(kāi)發(fā)效率。

以上提到的三種工具是在校學(xué)生使用比較多的軟件，當(dāng)然還有其他各種工具，例如Bootstrap、Foundation、Notepad++、Visual Studio Code等一系列的開(kāi)發(fā)工具。

三、WEB前端開(kāi)發(fā)的關(guān)鍵技術(shù)

蒲松齡的詩(shī)中曾提到“書(shū)癡者文必工，藝癡者技必良”，可見(jiàn)技術(shù)對(duì)某種特定的人來(lái)說(shuō)是很重要的。而作為前端開(kāi)發(fā)人員必須掌握的三種技術(shù)：描述網(wǎng)頁(yè)內(nèi)容的HTML、描述網(wǎng)頁(yè)樣式的CSS以及描述網(wǎng)頁(yè)行為的JavaScript。

HTML一般來(lái)說(shuō)是前端開(kāi)發(fā)人員學(xué)習(xí)的第一門(mén)語(yǔ)言，它是超文本標(biāo)記語(yǔ)言的英文縮寫(xiě)，現(xiàn)在我們上網(wǎng)見(jiàn)到的網(wǎng)頁(yè)，大都是用HTML語(yǔ)言寫(xiě)的。所謂的超文本就是網(wǎng)頁(yè)中包含圖片、鏈接、音樂(lè)等非文字的元素。而標(biāo)記可以理解成這些非文本元素的開(kāi)始結(jié)束的一個(gè)標(biāo)簽。瀏覽器正是通過(guò)這種對(duì)網(wǎng)頁(yè)元素的開(kāi)始和結(jié)束的標(biāo)簽來(lái)進(jìn)行解碼，以便讓網(wǎng)頁(yè)的內(nèi)容顯示出來(lái)，這也是構(gòu)成互聯(lián)網(wǎng)興起的基礎(chǔ)。

CSS是前端開(kāi)發(fā)人員在學(xué)完HTML之后要學(xué)的第二門(mén)語(yǔ)言，它是一門(mén)描述性的語(yǔ)言，通俗的理解來(lái)說(shuō)描述性就是描述各種HTML元素的外觀。CSS的英文全稱(chēng)是Cascading Style Sheets，翻譯為層疊樣式表，許多業(yè)內(nèi)的人員在學(xué)習(xí)或者動(dòng)手實(shí)踐的過(guò)程中肯定會(huì)發(fā)現(xiàn)你所編寫(xiě)的CSS的文件類(lèi)型是這個(gè)名字。CSS不僅僅能夠靜態(tài)的修飾網(wǎng)頁(yè)，有些時(shí)候也可以利用CSS在網(wǎng)頁(yè)上做出一些動(dòng)態(tài)的效果，它可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)的元素進(jìn)行格式化。通常前端開(kāi)發(fā)人員會(huì)將網(wǎng)頁(yè)元素與修飾網(wǎng)頁(yè)的CSS單獨(dú)分開(kāi)寫(xiě)，還有目前流行的DIV+CSS的布局技術(shù)，這種方式的開(kāi)發(fā)可以幫助實(shí)現(xiàn)頁(yè)面內(nèi)容和樣式的分離，同時(shí)也便于網(wǎng)站后期的維護(hù)。

JavaScript是一門(mén)腳本編程語(yǔ)言，和JAVA的語(yǔ)法非常的相似，是一種直譯式腳本語(yǔ)言，也是一種高端的、動(dòng)態(tài)的、弱類(lèi)型的編程語(yǔ)言，很是適合面向?qū)ο蠛秃瘮?shù)式的編程風(fēng)格。目前絕大多數(shù)網(wǎng)站都采用的這門(mén)編程語(yǔ)言，并且所有的現(xiàn)代WEB瀏覽器均包含JavaScript解釋器，它的解釋器被叫做JavaScript引擎。JavaScript可以用來(lái)給網(wǎng)頁(yè)增加動(dòng)態(tài)性，例如一些圖片輪播效果，鼠標(biāo)動(dòng)態(tài)效果等，還可以用其做出炫酷的動(dòng)態(tài)效果。近幾年來(lái)可以看到在各大平臺(tái)公布的編程語(yǔ)言排名，JavaScript仍名列前茅，這是因?yàn)樗軌驅(qū)崿F(xiàn)混合應(yīng)用開(kāi)發(fā)和復(fù)雜的前端邏輯，也是唯一能在所有主流的平臺(tái)上被原生支持的編程語(yǔ)言，所以才能夠被前端開(kāi)發(fā)人員所青睞，經(jīng)久不衰。

以上提到的三種技術(shù)是前端開(kāi)發(fā)的三大要素，當(dāng)然前端開(kāi)發(fā)的技術(shù)還有很多，比如jquery，node.js還有一些前端的框架等。

四、WEB前端開(kāi)發(fā)的現(xiàn)狀

目前來(lái)看，WEB前端開(kāi)發(fā)還處于蓬勃發(fā)展的時(shí)期，雖然前端開(kāi)發(fā)起步時(shí)間晚，但是發(fā)展得很迅速，目前開(kāi)發(fā)的WEB新產(chǎn)品的頁(yè)面交互性越來(lái)越強(qiáng)，視覺(jué)效果越來(lái)越絢麗。在整個(gè)技術(shù)領(lǐng)域，WEB前端開(kāi)發(fā)一直站在第一線(xiàn)直面用戶(hù)體驗(yàn)，已成為當(dāng)下計(jì)算機(jī)行業(yè)緊俏的高端技術(shù)崗位。

由于WEB前端就業(yè)口徑寬，職業(yè)前景好，職位需求大，薪酬水平也比較高，所以想要進(jìn)入到WEB前端開(kāi)發(fā)這一行業(yè)的人越來(lái)越多。就目前來(lái)看，市場(chǎng)上有的前端開(kāi)發(fā)職位有前端開(kāi)發(fā)工程師，網(wǎng)頁(yè)設(shè)計(jì)師，交互設(shè)計(jì)師等眾多職位。但是想要在這一行業(yè)站穩(wěn)腳跟卻不是那么容易，你需要有良好的知識(shí)素養(yǎng)和過(guò)硬的技能，前端開(kāi)發(fā)人員需要掌握以下的技能：1、精通前端開(kāi)發(fā)的三大要素HTML、CSS、JavaScript;2、熟悉前端開(kāi)發(fā)的各種框架、頁(yè)面布局和架構(gòu);3、及時(shí)學(xué)習(xí)前端開(kāi)發(fā)的各種衍生技術(shù)和新技術(shù);4、雖然是前端開(kāi)發(fā)人員，但是對(duì)數(shù)據(jù)結(jié)構(gòu)、算法和后臺(tái)的開(kāi)發(fā)要有一定的了解;5、對(duì)表現(xiàn)數(shù)據(jù)分離、WEB語(yǔ)義化要有深刻的認(rèn)知，并且要熟悉W3C標(biāo)準(zhǔn)。

五、WEB前端開(kāi)發(fā)的未來(lái)

展望未來(lái)，機(jī)遇與挑戰(zhàn)并存。隨著技術(shù)的發(fā)展，前端開(kāi)發(fā)會(huì)越來(lái)越成熟，體系也會(huì)逐漸的完善。HTML5，CSS4.0這些技術(shù)將會(huì)成為前端開(kāi)發(fā)的主流技術(shù)，也會(huì)有越來(lái)越多的前端開(kāi)發(fā)技術(shù)出現(xiàn)，我們要時(shí)刻關(guān)注著新技術(shù)的出現(xiàn)?，F(xiàn)在來(lái)看，前端技術(shù)才剛剛走向成熟，在未來(lái)的一段時(shí)間里，相信對(duì)人才的需求量仍會(huì)不斷的增加。但任何需求都有不再增長(zhǎng)的時(shí)候，對(duì)人才需求飽和也是前端開(kāi)發(fā)逐漸成熟的標(biāo)志。對(duì)從事前端開(kāi)發(fā)的人來(lái)說(shuō)，既是機(jī)遇，又是挑戰(zhàn)。機(jī)遇是前端開(kāi)發(fā)者們會(huì)有更廣闊的發(fā)展空間，更高的舞臺(tái)去展現(xiàn)實(shí)力。挑戰(zhàn)是科研工作者也要不斷地完善自身實(shí)力，開(kāi)發(fā)出更多優(yōu)秀的滿(mǎn)足用戶(hù)需求的產(chǎn)品，同時(shí)從事WEB前端的工作人員也會(huì)存在著更大的行業(yè)競(jìng)爭(zhēng)壓力。

參考文獻(xiàn)：

[1]曹劉陽(yáng).編寫(xiě)高質(zhì)量代碼：Web前端開(kāi)發(fā)修煉之道[M].北京：機(jī)械工業(yè)出版社，2010.5.

[2]（美）弗蘭納根著.淘寶前端團(tuán)隊(duì)（譯）JavaScript權(quán)威指南第六版[M].北京：機(jī)械工業(yè)出版社.2012.3.

[3]袁婷.淺談Web前端開(kāi)發(fā)[J].無(wú)線(xiàn)互聯(lián)科技 2017.01.01.

作者簡(jiǎn)介：

陳娟（1998—），女，漢族，四川古藺，本科，研究方向：數(shù)字媒體技術(shù)。

李佳雪（2000—）女，漢族，河南安陽(yáng)，本科，研究方向：移動(dòng)互聯(lián)網(wǎng)。

王禹焜（1999—）男，漢族，四川資中，本科，研究方向：數(shù)字媒體技術(shù)。