Web前端的過去和現(xiàn)在
Web前端（Front-End）泛指Web應(yīng)用中表面化的，用戶看得見、摸得著的東西，包括外觀界面、頁面內(nèi)容、操作交互等。與之相對應(yīng)的則是后端（Back-End），如腳本編程、數(shù)據(jù)庫交互、業(yè)務(wù)邏輯處理、服務(wù)器配置和管理等。絕大部分Web應(yīng)用都同時包括了前端和后端。前后端相互配合，各種信息數(shù)據(jù)由后端生成，并通過前端呈現(xiàn)給用戶。南寧網(wǎng)站建設(shè)
在早期的Web應(yīng)用開發(fā)中，前端工作主要是指HTML頁面的開發(fā)。由于網(wǎng)絡(luò)速度、電腦硬件、瀏覽器軟件等因素的制約，彼時的前端開發(fā)工作大都局限于簡單的頁面內(nèi)容呈現(xiàn)。由于HTML頁面的創(chuàng)建較為簡單，后端開發(fā)人員常常包攬了前后端的工作，以致于前后端之間的區(qū)分顯得較為模糊。
隨著網(wǎng)絡(luò)速度和電腦硬件水平的提升，在確保基本的內(nèi)容顯示的前提下，人們開始考慮如何使Web應(yīng)用顯得更加美觀，前后端的分離逐漸顯現(xiàn)。此時出現(xiàn)了“網(wǎng)頁設(shè)計”、“網(wǎng)站美工”等一系列新名詞，一些專門的藝術(shù)設(shè)計人員參與到Web應(yīng)用開發(fā)中，開始為站點設(shè)計各種外觀界面。這些人也因此成為了最早的專門從事前端開發(fā)的人群。廣西網(wǎng)站開發(fā)
然而問題也同時浮現(xiàn)出來。早期的前端開發(fā)者往往缺少對代碼和編程的了解。在這一時期，站點界面中的圖片修飾常通過“切圖”的方式完成，HTML的架構(gòu)也大都借助于表格定位。CSS開始被前端開發(fā)者使用，但往往僅用于指定一些簡單的外觀樣式。這些問題的凸顯，使得前端開發(fā)顯得不那么富有技術(shù)價值，并在一段時間內(nèi)陷于較為尷尬的境地。
隨著瀏覽器的升級換代，以及各種終端設(shè)備的不斷涌現(xiàn)，前端逐漸被賦予了新的涵義。此時的前端工作不僅需要考慮應(yīng)用的視覺效果，還需要考慮用戶的使用體驗，構(gòu)思人機交互的過程，并試圖將應(yīng)用在多種設(shè)備環(huán)境中加以呈現(xiàn)，所涉及的主要技術(shù)不僅局限于HTML和CSS，而且還包括了JavaScript。前端設(shè)計和前端開發(fā)成為了前端工作的兩個主要分支。其中，前端設(shè)計是對Web應(yīng)用的視覺、交互等效果的構(gòu)想與規(guī)劃，而前端開發(fā)則負責(zé)通過編寫代碼來實現(xiàn)這些視覺效果。前端不再是一個缺少技術(shù)含量的工作崗位，相反它卻對從業(yè)者提出了較高的要求。在后端技術(shù)差異逐步縮小的今天，前端的優(yōu)劣已然成為了評價Web應(yīng)用質(zhì)量的重要標準。
Web前端與高校信息化建設(shè)
2014年是中國接入國際互聯(lián)網(wǎng)的20周年，回顧過去的這段時間，Web前端的概念從無到有，其技術(shù)逐漸興起、發(fā)展并走向成熟，前端工作者們極大地改變了人們獲取互聯(lián)網(wǎng)海量信息的方式，乃至于影響了大眾的Web交互習(xí)慣和審美興趣，其間的變化不可謂不大。然而在高校的信息化建設(shè)中，Web前端的相關(guān)工作卻始終是軟肋之一，這主要體現(xiàn)在兩個方面：
一是高校Web應(yīng)用用戶交互體驗的薄弱。在過去，高校的信息化主要解決的是“有沒有”的問題。在軟件建設(shè)中，關(guān)注重心主要在于各類信息化系統(tǒng)的功能實現(xiàn)，在于系統(tǒng)是否能按時按需完成，此時后端的開發(fā)處于相對更加重要的位置，前端的比重被大大壓縮，甚至被完全忽略。這些信息化系統(tǒng)在建成并投入使用后，逐漸成為了高校日常教學(xué)、科研、管理工作中不可或缺的部分，但由于前后端投入的差異，使得系統(tǒng)的展示層面常常缺乏對用戶操作體驗的關(guān)注，其后果是系統(tǒng)在師生中的滿意度往往并不高，校園用戶常常抱怨“系統(tǒng)不好用”、“很難上手”、“操作不友好”、“在某些瀏覽器中無法訪問”等等。
二是高校Web應(yīng)用外觀視覺效果的薄弱。校園Web應(yīng)用包括了門戶網(wǎng)站和各類信息化系統(tǒng)。其中，門戶網(wǎng)站是高校對外宣傳的重要窗口，優(yōu)秀的門戶網(wǎng)站設(shè)計有助于提升訪問者的感官體驗，塑造良好的學(xué)校形象，高校理應(yīng)對其門戶網(wǎng)站的前端效果設(shè)置較高的標準和要求。但事實上，許多高校門戶網(wǎng)站的前端設(shè)計質(zhì)量不佳，在色彩、圖像、排版等方面的處理較為隨意，使瀏覽者很難產(chǎn)生“美”的感覺。與門戶網(wǎng)站所不同，各類信息化系統(tǒng)在視覺效果方面的要求并不高，但這也并不意味著這些系統(tǒng)能夠完全忽視界面的視覺效果。當前許多高校信息化系統(tǒng)往往界面丑陋，或是過度修飾，并飽受校園用戶的詬病。
在高校新一輪信息化建設(shè)中，用戶是否滿意成為了評價信息化建設(shè)質(zhì)量的重要標準。與此同時，Web前端作為提升用戶滿意度的關(guān)鍵手段之一，其重要性也越來越凸顯。首先，Web前端工作有助于解決高校信息化系統(tǒng)中存在的各種現(xiàn)有問題。例如，高校信息化系統(tǒng)的一大痼疾是瀏覽器兼容性問題，系統(tǒng)常常只能在特定的瀏覽器中才能正常使用，這給用戶帶來了極大的不便。而通過前端技術(shù)則能夠有效地解決兼容性問題，使得用戶在使用大多數(shù)瀏覽器來查看網(wǎng)站或者系統(tǒng)時，能夠保持統(tǒng)一的顯示效果和可操作性。
其次，Web前端工作有助于改善用戶體驗，提升高校的信息化服務(wù)質(zhì)量。例如，高校信息化系統(tǒng)的交互層面常常缺乏人性化的設(shè)計，導(dǎo)致用戶學(xué)習(xí)成本較高，使用效率低下，而前端技術(shù)則能夠使這些交互過程更加清晰、順暢、友好，實現(xiàn)情感化的、富有人文關(guān)懷的人機交互。通過前端設(shè)計加以美化后的門戶網(wǎng)站和信息化系統(tǒng)，則能夠給予用戶愉悅的視覺感受，提升應(yīng)用的外觀水準。
再之，Web前端工作還有助于高校開拓新的信息化服務(wù)領(lǐng)域。過去的高校信息化服務(wù)主戰(zhàn)場是單一的PC客戶端瀏覽器，時至今日，局面卻大不相同，平板電腦、手機等新型移動設(shè)備層出不窮，對應(yīng)的平臺也紛繁復(fù)雜，此時高校迫切需要思考如何在新的終端領(lǐng)域，以新的形式為校園用戶提供服務(wù)。Web前端開發(fā)無疑是高校目前應(yīng)對這一問題的最佳的，甚至是唯一的解決方案。
目前，許多高校已經(jīng)開始意識到前端工作對于校園Web應(yīng)用的重要性，并開始反思過去信息化工作中對于Web前端的忽視。一個最好的證明就是高校的門戶網(wǎng)站改版潮。在過去兩年中，大批國內(nèi)高校開始關(guān)注門戶網(wǎng)站的宣傳效果，紛紛對網(wǎng)站進行設(shè)計美化，實施大規(guī)模的改版，使網(wǎng)站的前端效果緊跟時代潮流。這一舉動收獲了令人意想不到的效果，當中國人民大學(xué)在其改版后的官網(wǎng)首頁中登出一張“人大女神”照片后，引發(fā)了強烈的社會關(guān)注，其服務(wù)器甚至一度被擠爆。
然而，高校的Web前端之路卻注定并不平坦，Web前端的相關(guān)工作很難被輕易駕馭。對于高校信息化建設(shè)而言，前端問題的復(fù)雜性甚至很可能遠超過后端。擺在高校面前的棘手問題至少包括以下幾點：
其一，比起后端技術(shù)，Web前端技術(shù)更新?lián)Q代更快，框架更加多樣化，成熟的技術(shù)方案更稀缺，且可借鑒并照搬復(fù)制的成功經(jīng)驗極少。如在前端界面方面，目前就有Bootstrap、Foundation、SemanticUI、Pure等不同的開發(fā)框架，在JavaScript函數(shù)庫方面，則有jQuery、Dojo、YUI、Extjs、angular等框架。這些框架自身處于不斷升級和更新的狀態(tài)中，有的框架在經(jīng)歷一段時間的發(fā)展后便消亡了，而更多新的框架則如雨后春筍般出現(xiàn)。要緊跟技術(shù)發(fā)展的潮流，并能夠在諸多可選項中選取合適的前端技術(shù)方案，是一件非常有難度的事情。
其二，瀏覽器的不斷更新?lián)Q代，移動設(shè)備的推陳出新，使得前端開發(fā)人員往往疲于應(yīng)付。瀏覽器兼容性是前端開發(fā)中需要考慮的重要問題，但為數(shù)眾多的IE瀏覽器歷史版本，各式各樣的語言標準，使得每解決一個兼容性問題都需要付出大量的時間和精力。此外，在移動互聯(lián)網(wǎng)時代，要使得Web應(yīng)用能夠完美兼容筆記本、平板電腦、手機等參數(shù)各異的不同設(shè)備，開發(fā)人員也面臨著巨大的挑戰(zhàn)。
其三，除“IT外包”外，高校也需要在其信息化建設(shè)過程中組建一支屬于自己的前端開發(fā)團隊。然而，相較于后端開發(fā)者而言，優(yōu)秀的前端開發(fā)者較為稀缺，高校要招募且留存其中水平較高的開發(fā)人員，其操作難度和投入程度無疑也較高。此外，高校還需要考慮如何創(chuàng)造適宜的學(xué)習(xí)工作環(huán)境，以實現(xiàn)前端開發(fā)團隊中成員的個人可持續(xù)發(fā)展。
其四，對于校園用戶而言，他們每天都會在互聯(lián)網(wǎng)中接觸到形形色色的Web應(yīng)用，其中許多應(yīng)用來自大型互聯(lián)網(wǎng)公司，具有著較高的前端設(shè)計水準。這在無形中豐富了校園用戶的前端交互經(jīng)驗，提升了用戶的審美口味，并使得用戶對于高校Web應(yīng)用產(chǎn)生了更高的期許。高校要期望給予用戶以“驚喜”的使用體驗，除了需要緊跟時代潮流外，更重要的是要發(fā)展屬于高校的個性化創(chuàng)意和思想，而這無疑也是前端工作中最難做好的一件事情。
在過去，Web前端設(shè)計與開發(fā)僅僅受到少數(shù)大型互聯(lián)網(wǎng)公司的重視，而時至今日，Web前端也成為了高校信息化建設(shè)的新焦點。我們認為，高校應(yīng)該針對Web前端采取更加積極主動的態(tài)度，投入更多的關(guān)注。當前Web前端主要包含了HTML、CSS和JavaScript三種技術(shù)，隨著互聯(lián)網(wǎng)的快速發(fā)展，Web前端的未來變數(shù)極大，新的技術(shù)可能會不斷涌現(xiàn)，它也因此成為最有可能為高校信息化建設(shè)帶來顛覆性變革的力量之一。
