簡析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—）男，漢族，四川資中，本科，研究方向：數字媒體技術。