簡析WEB前端開發(fā)

陳娟　李佳雪　王禹焜

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、WEB前端開發(fā)的未來

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

參考文獻(xiàn)：

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

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

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

作者簡介：

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

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

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