面向產(chǎn)業(yè)一線的Web 前端開發(fā)工程師培養(yǎng)標準研究

顧問，王志瑞，吳德

（三江學院計算機科學與工程學院，南京210012）

0 引言

根據(jù)國際電信聯(lián)盟最新統(tǒng)計，截至2018 年年底，全球互聯(lián)網(wǎng)用戶人數(shù)已達到39 億，超過全球總人口的一半，互聯(lián)網(wǎng)用戶人數(shù)達到了新的階段。中國互聯(lián)網(wǎng)用戶人數(shù)持續(xù)增長，已達到達8 億多。此項數(shù)據(jù)表明互聯(lián)網(wǎng)用戶對Web 頁面的消費量是非常龐大的，需要大量的Web 前端開發(fā)人才投入到互聯(lián)網(wǎng)行業(yè)中[1]。此外，人們對Web 應用的用戶體驗要求越來越高，Web前端開發(fā)的技術難度越來越大，這意味著Web 前端開發(fā)在互聯(lián)網(wǎng)產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要[2]。Web 前端開發(fā)經(jīng)歷了三個重要階段，第一階段是Web前端開發(fā)的萌芽期，此時Web 站點開發(fā)主要依賴于ASP、JSP 和PHP 服務端語言，HTML 語言和CSS 樣式搭建頁面基本結構，通過JavaScript 實現(xiàn)客戶端瀏覽器與用戶的簡單交互[3]。服務端腳本語言嵌入到Web 頁面中，控制靜態(tài)頁面的展示。Web 頁面依賴于服務端語言進行渲染，整個項目存放于服務端，UI 設計師完成Web 頁面設計，服務端開發(fā)工程師直接完成項目開發(fā)工作。此時前后端開發(fā)工作無法分工，服務端和前端語言混合，項目結構混亂，可維護性較差。第二階段是Web 前端開發(fā)的發(fā)展期，傳統(tǒng)的Web 應用需要通過頁面刷新完成數(shù)據(jù)請求，用戶體驗較差。2005 年AJAX技術給Web 應用帶來了更舒適的用戶體驗，AJAX 技術的主要優(yōu)點是在不重新加載整個Web 頁面的情況下，可以異步與服務端進行通信，AJAX 技術不需要在客戶端瀏覽器上安裝插件，但客戶端瀏覽器需允許執(zhí)行JavaScript 腳本語言。AJAX 技術極大的減少了前后端之間的數(shù)據(jù)交換數(shù)量，使得Web 應用獲得了更高的性能。此時一部分Web 應用開發(fā)工程師轉向前端開發(fā)，主要完成Web 頁面靜態(tài)架構與編寫異步交互腳本的工作，Web 項目仍主要由服務端開發(fā)工程師完成，Web 前端開發(fā)工作量并不顯著。Web2.0 時代到來，加上新一代互聯(lián)網(wǎng)技術飛速發(fā)展，迎來了Web 前端開發(fā)的爆發(fā)期。我國政府在《國民經(jīng)濟和社會發(fā)展第十二個五年規(guī)劃綱要》中指出要大力發(fā)展新一代信息技術，重點發(fā)展云計算、物聯(lián)網(wǎng)、高端軟件等產(chǎn)業(yè)[4]，在此背景下人們對Web 應用提出了更高要求的交互需求與性能需求，短時間內涌現(xiàn)了React.js、Angular.js、Vue.js 等優(yōu)秀的JavaScript 框架[5]，此時Web 前端開發(fā)不再是構建簡單Web 頁面，而是更趨向于開發(fā)高交互、高性能Web 應用程序，Web 前端開發(fā)迫切需要使用工程化的開發(fā)方法來保證效率和質量。IT 產(chǎn)業(yè)中Web 前端開發(fā)工程師迅速成為熱門崗位，但國內高校在教學過程中引入Web 前端開發(fā)新技術和真實項目案例偏少，尤其是應用型本科院校，在培養(yǎng)能適應社會需求的Web前端開發(fā)工程師過程中存在著薄弱環(huán)節(jié)。因此，有必要基于現(xiàn)代教育技術與社會發(fā)展需求，對面向IT 產(chǎn)業(yè)的Web 前端開發(fā)工程師的培養(yǎng)標準進行深入的研究和探討，為培養(yǎng)更多滿足社會需求的Web 前端開發(fā)人才起到一定的推動作用。

1 Web前端開發(fā)人才培養(yǎng)現(xiàn)狀

在當前互聯(lián)網(wǎng)行業(yè)高速發(fā)展的大趨勢下，高校計算機專業(yè)在培養(yǎng)Web 前端開發(fā)方向人才主要面臨以下幾大問題：①Web 前端開發(fā)技術人才需求缺口大。雖然掌握IT 技能成為職場人、待業(yè)者和高校大學生的首要選擇，但是Web 前端開發(fā)方向的人才仍然偏少。目前Web 前端開發(fā)工程師多數(shù)由UI 設計師和服務端開發(fā)工程師轉行而來，自主學習研究內容較多，并沒有受過足夠的專業(yè)訓練，也缺乏實際的項目經(jīng)驗。近年來，Web 前端開發(fā)技術人才需求量非常大，且每年都在遞增，入職平均薪資已達1.2 萬元，平均薪資漲幅高達39%，Web 前端開發(fā)工程師無疑成為近年來最受大眾青睞的崗位之一。根據(jù)某大型人力資源服務機構官方統(tǒng)計，目前Web 前端工程師人才缺口達40 多萬，隨著互聯(lián)網(wǎng)+的發(fā)展，預計Web 前端人才缺口將超過100萬以上。②Web 前端開發(fā)技術人才培養(yǎng)與社會需求脫節(jié)。近年來，類似于計算機科學與技術的傳統(tǒng)IT 類專業(yè)學生就業(yè)越來越困難，麥可思研究院在發(fā)布的中國大學生就業(yè)報告中指出，部分IT 相關專業(yè)的本科畢業(yè)生半年后失業(yè)率為8%左右。從2018 年下半年開始，IT 行業(yè)就業(yè)形勢就日趨嚴峻，很多剛畢業(yè)的大學生面臨工作難找問題。但在前幾年，初級Web 前端開發(fā)工程師不一定要掌握很多技術知識，掌握一部分基礎Web 前端開發(fā)技能就能夠上崗實習，甚至很多非IT 類專業(yè)的學生都轉型做Web 前端開發(fā)，初級Web 前端開發(fā)人員逐漸趨于飽和，中高級Web 前端開發(fā)工程師依然緊缺。高校對于IT 人才培養(yǎng)定位和培養(yǎng)標準并未及時根據(jù)經(jīng)濟社會需求進行調整，因此，可以考慮將Web 前端開發(fā)作為計算機科學技術學科的一個專業(yè)方向，培養(yǎng)標準應適應高校學生畢業(yè)5 年內的經(jīng)濟社會發(fā)展需要，從而促進學生穩(wěn)定就業(yè)。③Web 前端開發(fā)教學模式有待改進。軟件企業(yè)要求的Web 前端開發(fā)人才一般需要有實際的Web 項目開發(fā)經(jīng)驗，而多數(shù)高校的師生比例失調，教學任務繁多，導致學生在學習期間僅完成一些驗證課程理論的簡單編程訓練，讓學生綜合運用知識進行Web 前端項目開發(fā)的訓練偏少。因此，高校在教學模式上不能滿足企業(yè)的用人要求。

2 Web前端開發(fā)工程師能力標準

Web 前端開發(fā)工程師已成為國內外互聯(lián)網(wǎng)行業(yè)中最熱門的職位，但市場上優(yōu)秀的Web 前端工程師相對較缺少。Web 前端開發(fā)起源于歐美發(fā)達國家，具有優(yōu)越的發(fā)展基礎，因此國外的Web 前端開發(fā)技術水平處于統(tǒng)領地位。無論是Web 界面設計、交互設計還是用戶體驗都做的相對完善。國外各大互聯(lián)網(wǎng)企業(yè)都將用戶體驗列入企業(yè)發(fā)展的首要任務，像Facebook、Apple、Google 等企業(yè)都在進行相應的用戶體驗改革。國內的Web 前端開發(fā)雖然起步時間晚，但在各種新技術、新標準的推動下，各大互聯(lián)網(wǎng)公司也非常重視Web 產(chǎn)品的前端重構與開發(fā)。國內各高校計算機相關專業(yè)對于Web 前端開發(fā)教學模式也正在進行研究，例如，西華大學計算機與軟件工程學院提出了“H-C-J”教學模式，并指出學生在學完前端開發(fā)基礎后，可以再深入學習一門Web 后臺開發(fā)技術的課程[6]。南京理工大學泰州科技學院針對Web 前端工程師需要掌握的相關技術編著了教材，推廣網(wǎng)絡教學平臺，取得了一定的研究成果[7]。楊琳等人針對高職院校內部質量保障體系的他特點，分析成果導向理念在教學模式上的應用，提出基于成果導向的高職Web 前端開發(fā)綜合實踐課程的設計內容[8]。筆者對于國內外學者的研究成果進行分析討論后，制定了Web 前端開發(fā)工程師培養(yǎng)標準的研究路徑，如圖1 所示。

圖1 Web前端開發(fā)工程培養(yǎng)標準的研究路徑

Web 前端開發(fā)工程師培養(yǎng)標準研究從互聯(lián)網(wǎng)搜集Web 前端開發(fā)工程師的崗位要求數(shù)據(jù)入手，到現(xiàn)場調研軟件企業(yè)的對于Web 前端開發(fā)工程師崗位需求，匯總、提煉Web 前端開發(fā)工程師崗位能力標準，由于各項能力指標所關聯(lián)的知識較多，為形成可行性較強的課程標準，需要對Web 前端開發(fā)所需知識進行梳理，具體內容如表1 所示。同時，邀請校企專家對Web 前端開發(fā)工程師崗位能力體系進行分析論證，形成Web 前端開發(fā)工程的培養(yǎng)標準；根據(jù)培養(yǎng)標準的能力體系和知識體系，形成相關課程的教學標準；基于線上與線下相結合的教學模式，利用網(wǎng)絡課程資源建立線上學習路徑，設計線下項目案例，以項目驅動教學，實施形成性學習評價；改進現(xiàn)有的教學方法，研究如何引導學生由單一的課堂學習方式向多方式、多途徑的方向發(fā)展。

表1 高校培養(yǎng)Web 前端開發(fā)人才的能力標準與關聯(lián)知識

3 Web前端開發(fā)課程體系

Web 前端開發(fā)工程師能力指標所關聯(lián)的知識點較多，課程體系的設計不能簡單的進行知識點累加或隨意組合，應當遵循主次區(qū)分，層級遞進的原則，Web 前端開發(fā)的課程體系的模塊課程如表2 所示，模塊課程總體要求學生應具備Web 前端開發(fā)能力、基本編程能力。Web 設計基礎作為專業(yè)必修課程主要講述HTML5、CSS3、JavaScript 和jQuery 等基礎內容，培養(yǎng)學生進行Web 前端基礎設計與開發(fā)能力，使學生掌握Web頁面的代碼構成，掌握靜態(tài)Web 頁面和動態(tài)Web 頁面的設計與調整技巧。C#程序設計課程能夠幫助學生掌握一門服務端編程語言，為深入學習Web 服務端開發(fā)技術打下基礎，培養(yǎng)學生程序開發(fā)的基本素質，強調建立完整的軟件系統(tǒng)開發(fā)思想，更方便的與服務端工程師進行交流。Web 前端框架技術、高級JavaScript 框架技術、移動WebApp 開發(fā)三門課程是Web 前端開發(fā)工程師職業(yè)方向的核心內容。Web 前端框架技術課程通過剖析Web 前端框架技術應用案例，讓學生能夠掌握主流Web 前端框架應用的方法，注重學生基于Web 前端框架進行項目開發(fā)的思維訓練。高級JavaScript 框架技術課程主要講述Node.js 和AngularJS，使得學生能夠掌握使用JavaScript 創(chuàng)建從服務器到客戶端瀏覽器的高性能站點和應用程序，注重學生使用JavaScript 框架進行項目開發(fā)的思維訓練。移動WebApp 開發(fā)課程通過本通過剖析Ionic 應用程序開發(fā)框架應用案例，讓學生能夠掌握移動WebApp 開發(fā)的方法，注重培養(yǎng)學生的移動WebApp 開發(fā)能力。多媒體技術應用課程作為專業(yè)任選課，屬于Web 前端開發(fā)的輔助類課程，主要培養(yǎng)學生UI 設計理解及圖像處理能力，使得學生掌握Web 開發(fā)涉及的多媒體技術應用軟件的實際應用技巧。

表2 Web 前端開發(fā)模塊課程

4 結語

在新一代互聯(lián)網(wǎng)技術飛速發(fā)展背景下，各個行業(yè)都在轉型發(fā)展，對Web 應用提出了更高的，促使對Web 前端開發(fā)大人才的需求大增，如何培養(yǎng)出滿足經(jīng)濟社會需求的Web 前端開發(fā)人才是目前國內外很多應用型本科高校都在研究的問題。筆者對于國內外學者的研究成果進行分析討論后，制定了Web 前端開發(fā)工程師培養(yǎng)標準的研究路徑，提出了Web 前端開發(fā)工程師培養(yǎng)標準的能力體系和知識體系，并在Web 前端開發(fā)課程體系設置方面進行了研究，希望對同類型的應用本科院校培養(yǎng)Web 前端開發(fā)人才能起到一定的參考價值。