淺談Web前端開發(fā)

袁 婷

（西安理工大學，陜西 西安 710082）

淺談Web前端開發(fā)

袁 婷

（西安理工大學，陜西 西安 710082）

Web前端開發(fā)作為一項新的領域，經歷的時間雖然不長，但卻顯示了強大的生命力，文章通過6個方面來闡述Web前端開發(fā)的歷史、現(xiàn)狀和未來。

Web前端；CSS；HTML；技術

Web前端開發(fā)技術嚴格遵循了由簡單到困難的過程，這要求Web前端開發(fā)人員一方面要掌握基礎的Web開發(fā)技術、網站性能優(yōu)化、SEO以及基礎的服務器端知識；另一方面還要求開發(fā)人員能夠靈活使用各類工具進行輔助開發(fā)并要掌握相關理論知識，其中包括了代碼的可維護性、分層語義模板、組件的易用性等。

1 前端開發(fā)技術

前端開發(fā)技術涵蓋了Javascript，CSS等傳統(tǒng)的技術和Adobe RIA，Google Gears，概念性比較強的交互式設計以及含有濃厚的藝術色彩的視覺設計等。

前端開發(fā)技術涵蓋的范圍十分廣泛，例如軟件工程等領域。在對前端開發(fā)技術進行分析時，可以借助互聯(lián)網理解和分析前端開發(fā)技術，即只要是沿著從瀏覽器到用戶端設計的計算機可以統(tǒng)稱技術為前端技術，后端技術主要指的是需要存貯在服務器端的。

2 Web前端開發(fā)的任務

Web前端開發(fā)工作當中有很多職位，以當前普遍流行的分工模式來看，主要有Web前端開發(fā)以及網頁重構兩個方向，其中騰訊公司和淘寶都是采用這種分工模式。

2.1 網頁重構

網頁重構工程師，在工作當中的主要職責和視覺設計師、交互設計師進行相互寫作，要根據預先設計好的方案，實用HTML和CSS完成網頁的開發(fā)和制作工作。同時，在完成網頁設計的基礎之上，需要對已經完成的頁面進行維護，并對網站的前端性能按照一定的標準和要求進行優(yōu)化工作。一般在對網頁進行重構時，對網頁重構工程師有著如下要求：熟練使用PS，對SEO搜索引擎優(yōu)化有著深刻的了解，因此，相對于一般的軟件開發(fā)工作者來說，網頁重構工程師需要了解和掌握更多的技術。

2.2 Web前端開發(fā)

Web前端開發(fā)工作更加注重軟件開發(fā)方面，根據網站的可用性分析，以及使用者的反饋信息對網站的前端設計進行優(yōu)化工作。在進行優(yōu)化時，通過采用Javascript，flash actionscript3.0與HTML CSS技術進行結合，能夠使頁面在優(yōu)化之后給用戶帶來更好的體驗。例如騰訊QQ空間的圖片瀏覽功能，就是前端開發(fā)工程師開發(fā)的功能之一，除此之外還有各種信息網站的幻燈片效果，ajax技術等。在進行Web前端開始時會涉及前端的架構設計以及底層的數據傳輸等，因此，Web前端開發(fā)，需要具有良好的基礎編程能力，并且還需要對網站的后臺語言有所了解。

現(xiàn)階段，前端開發(fā)技術有著十分迅猛的發(fā)展速度，這對從業(yè)人員提出了更為嚴格的要求，必須在掌握前端開發(fā)新技術的同時明確前端世界的今后走向，不然很難將技術所具有的功能充分地發(fā)揮出來。

3 Web前端開發(fā)歷史

在Web發(fā)展的初級階段，HTML技術僅僅用于對頁面進行簡單地展示，若想實現(xiàn)維護與更新功能，會面臨很大的難題。文章分別從Web 1.0，Web 2.0，Web 3.0到Web 4.0對互聯(lián)網今后的發(fā)展走向進行把握。

Web 1.0，特征在于編輯，經由網站編輯進行編輯與處理操作之后，網站會向用戶提供相應的內容，用戶可行使閱覽的權利。這一由網站到用戶的過程屬于一種單項行為，在Web 1.0時代，新浪、搜狐、網易三大門戶扮演代表站點的角色。

Web 2.0，用于對網站及用戶之間互動的加強，網站中的內容來源于用戶的提供，用戶會參加到網站多項功能的建設中，網站同用戶之間所存在的雙向交流與參與關系得以實現(xiàn)。與Web 1.0不同，Web 2.0所具有的交互性是其最為顯著的特征與優(yōu)勢。在Web 2.0時期，博客中國、億友交友以及聯(lián)絡家等成為典型的代表。這類網站中的用戶擁有自己的數據，并且完全以Web為基礎，瀏覽器能夠對全部功能予以實現(xiàn)。

Web 3.0，該概念是由微軟公司提出來的，目前已經成功申請了多項專利。在各個Web 3.0網站上，信息能夠直接進行交換與互動，同時，第三方信息平臺還能夠對不同網站所提供的豐富信息執(zhí)行整合與分類操作。利用Web 3.0系統(tǒng)，用戶同樣能夠在網絡上擁有自己的數據，較之Web 2.0更為進步的是用戶可以對這些數據在不同網站上予以使用。功能的實現(xiàn)完全以Web為基礎，簡單利用瀏覽器便能完成復雜系統(tǒng)程序才能執(zhí)行的各項操作。

Web 4.0，與多人聚餐類似，Web 4.0會將所有人聯(lián)結到一起，并對每個人所擁有的資源進行整合，所有人都能根據自身的需求向資源擁有者選擇。平臺發(fā)揮聯(lián)結作用，這一平臺是一種協(xié)議而非網站，每個用戶都需對此協(xié)議予以遵守，網站是圍繞在協(xié)議旁的用戶，若每一個用戶都擁有自己的網站，并圍繞在協(xié)議旁，人類便能真真正正地走進互聯(lián)網時代，它一定是由很多網站構成的時代。

在剛剛制定Web標準時，前端開發(fā)已經開始進行研究，但是進展一直較慢，Javascript逐漸為Web前端開發(fā)的成熟語言之后前端開發(fā)才有較大的進展。隨著Web 4.0的應用及微博、博客、網頁游戲、SNS、視頻網站等產品的出現(xiàn)，人們對網頁提出了更高的要求，因此，設計人員在開發(fā)過程中需要考慮更多的問題。當前，在網頁開發(fā)中，Javascript語言十分重要，當前以Javascript為標志的Web前端開發(fā)發(fā)展十分迅速。

4 Web前端開發(fā)現(xiàn)狀

當前，Web前端開發(fā)已經成為研究熱點，為了滿足不同站點的可用性要求，并且提高產品的用戶體驗，各種以“用戶體驗”的團隊迅速發(fā)展，并開發(fā)團隊中的職位分工也更加明確，如交互設計師、用戶體驗分析師、前端開發(fā)工程師、網頁設計師等主要設計開發(fā)應用強的前端。對于Web前端開發(fā)者來說，需要掌握以下技能技術：熟悉W3C標準，深刻理解Web語義化、表現(xiàn)與數據分離等；了解后臺開發(fā)（C/C++/ PHP/Java等）、算法、數據結構等；熟悉頁面架構和布局，精通CSS，HTML/XHTML等網頁制作技術，精通Ajax，Javascript等Web開發(fā)技術。

5 前端開發(fā)體會

前端開發(fā)是近幾年Web2.0的熱潮下才發(fā)展起來的，因此，它是一個比較新的職業(yè)，并且需要開發(fā)者掌握綜合技能，需要掌握軟件開發(fā)技術和相關的設計技巧，并且對可用性有一定的了解。因此，數字媒體技術專業(yè)的學生非常適合從事前端開發(fā)工作，他們的知識結構有著天然的優(yōu)勢。但是，如果該專業(yè)的學生想要做好前端開發(fā)工作，除了具備專業(yè)優(yōu)勢之外，還需要掌握深厚的技術功力，這樣才能在工作中掌握主動權，因此，學生應該加強HTML+CSS技術、Javscript語言等的學習，不斷提升技術能力。

同時，在學習研究的過程中，要不斷增加自己的項目經驗，為自己增加籌碼，由于前端開發(fā)行業(yè)的特殊性，數字媒體技術的學生在大二就可以開始在社會中尋找工作經驗了，學校項目、工作室項目、社會兼職實習等，都是這些經驗的重要來源。前端開發(fā)是需要在不斷實踐中學習的，只有一定的項目經驗，才能在學習中得以擴展深入，否則很多單純意義上的學習更像紙上談兵，沒有意義。

6 Web前端開發(fā)的未來

隨著技術的發(fā)展，前端開發(fā)技術將會不斷完善，以HTML5，CSS 4.0等技術將會成為前端開發(fā)的主流技術，即使HTML5成為現(xiàn)實，也將會有更多的前端開發(fā)技術出現(xiàn)，要時刻關注前端開發(fā)的最新技術。目前，前端開發(fā)技術剛剛走向成熟，在未來的幾年里，相信其人才需求量還會進一步增長。但是任何需求都有飽和的時候，對人才需求飽和也是前端開發(fā)真正成熟的標志，在未來，前端開發(fā)者們會有更廣闊的發(fā)展空間，更大的挑戰(zhàn)、更高的舞臺等人們去展示實力。同時科研工作者也要不斷完善自身的實力，開發(fā)出更多滿足用戶需求的產品。

[1]（美）達科特.Web設計與前端開發(fā)秘籍：HTML CSS設計與構建網站+Javascript jQuery交互式Web前端開發(fā)[M].杜偉，柴曉偉，譯.北京：清華大學出版社，2015.

[2]（美）達科特.Javascript &jQuery 交互式Web前端開發(fā)[M].杜偉，柴曉偉，涂曙光，譯.北京：清華大學出版社，2015.

[3]阮曉龍.Web前端開發(fā)HTML5 CSS3 jQuery AJAX從學到用完美實踐[M].北京：水利水電出版社，2015.

Analysis on development of Web front-end

Yuan Ting

（Xi’an University of Technology, Xi’an 710082, China）

As a new field, although time of Web front-end development experienced is not long, but it shows strong vitality. This paper describes the history, current situation and future of Web front-end development through 6 aspects.

Web front-end; CSS; HTML; technology

袁婷（1977— ），女，陜西西安，碩士，講師；研究方向：計算機軟件及應用。