高職Web前端開發(fā)課程體系建設的思考

廖若飛

摘要：隨著瀏覽器技術的發(fā)展和Web開發(fā)分工的細化，Web前端開發(fā)在企業(yè)中的地位越來越高，企業(yè)人才需求量大，員工收入提升快，很多學生都選擇學習該方向。高職院校傳統(tǒng)的Web開發(fā)方向課程體系已經不能滿足人才培養(yǎng)的需求，2019年4月17日教育部職業(yè)教育與成人教育司頒布了《關于做好首批1+X證書制度試點工作的通知》（教職成司函〔2019〕36號）中指出，首批啟動試點的為建筑信息模型（BIM）、Web前端開發(fā)、物流管理、老年照護、汽車運用與維修、智能新能源汽車等6個職業(yè)技能等級證書[1]。對高職院校來說，可以培養(yǎng)更多的高薪技術型人才，更應該重視，本文就Web前端開發(fā)課程體系的建設展開討論。

關鍵詞： Web前端開發(fā); 課程體系建設; 1+X證書; 傳統(tǒng)Web開發(fā); 課程建設

中圖分類號：G642 ? ? ? ?文獻標識碼：A

文章編號：1009-3044（2020）17-0133-02

Abstract： With the development of browser technology and the refinement of the division of labor of web development， the position of web front-end development in enterprises is becoming higher and higher， the demand for enterprise talents is large， and the income of employees is rising fast， and many students choose to learn this direction. On April 17，2019， the Department of Vocational Education and Adult Education of the Ministry of Education issued the Notice on the Pilot Work of the First batch of 1X Certificate System （No.36[2019]）， pointing out that the first batch of six vocational skill grade certificates for building information model （BIM）， Web front-end development， logistics management， elderly care， automobile application and maintenance， intelligent new energy automobile， etc[1]. For higher vocational colleges， we can cultivate more highly paid technical talents， and we should pay more attention to it. This paper discusses the construction of curriculum system.

Key words： Web front-end development; curriculum system construction; 1+X certificate; traditional web development; curriculum construction

1 引言

高職院校軟件技術專業(yè)普遍開設了Web開發(fā)方向，一般按照先開設HTML、CSS、JavaScript，然后再開設數據庫、Java SE、Java EE，最后開設Java Web框架的三步路線進行教學。在以上教學路線中，一般將重點放在Java EE以及Java Web框架，以培養(yǎng)前后端一體開發(fā)的技術人才為主，在當前Web開發(fā)分工細化的當下已經嚴重過時，建立新的Web開發(fā)課程體系刻不容緩。隨著前端技術的飛速發(fā)展和Web應用的復雜化，Web應用正在往兼容多端、高性能的方向發(fā)展[2][3]，Web開發(fā)中前后端分離是大勢所趨，高職院校應盡早分別開設Web前端開發(fā)方向和Web后端開發(fā)方向。Web后端開發(fā)以Java Web和Web框架為核心。本文就Web前端開發(fā)課程體系的建設展開討論。

2 Web前端開發(fā)人才培養(yǎng)目標與方向

2.1 企業(yè)對人才的需求

在Web應用成為絕對主流的大背景下，Web前端開發(fā)引來了發(fā)展的春天，新的開發(fā)框架、類庫、工具層出不窮，企業(yè)用工需求量大，技術含量高。據大數據統(tǒng)計，2017年前端技術開發(fā)的人才需求量非常大，且每年遞增，入職平均薪資已達13000元，處于應屆畢業(yè)中的佼佼者，平均薪資漲幅高達39%[4]。Web前端底層技術由HTML、CSS和JavaScript三大部分構成，是一個龐大而復雜的技術體系，其復雜程度不低于任何一門后端語言。用人單位招聘時普遍要求：1）熟悉HTML5、CSS3、ES6等Web技術標準;2）熟悉前端三大框架：Vue、React、Angular;3）熟悉前端UI框架如：Bootstrap、LayerUI、IView、Element等;4）熟悉前端模塊化標準：AMD、CommonJS、ES6 module;5）熟悉自動化構建工具：Grunt、Gulp、Webpack、Rollup;6）熟悉NoteJS。甚至部分用人單位要求至少掌握一種后端的開發(fā)語言，如：Java、Python、PHP等。通過以上分析可以看出企業(yè)對員工的專業(yè)技能要求高，對高校人才培養(yǎng)提出了挑戰(zhàn)。

2.2 1+X制度對Web前端開發(fā)人才的要求

Web前端開發(fā)的1+X證書分初級、中級、高級三個等級。初級要求掌握HTML、CSS、JavaScript基礎以及JQuery;中級要求掌握后端PHP語言、PHP開發(fā)框架Laravel、常用的MySql數據庫、Ajax、WebSocket、Bootstrap;高級要求掌握Vue、NodeJS、Express、axios、Less、Webpack、ES6、ElementUI。1+X的三個等級的認證，由淺入深步步深入，詳細展現(xiàn)了Web前端開發(fā)的學習路線。

對比1+X與企業(yè)對人才的實際要求，可以發(fā)現(xiàn)幾個問題：第一，1+X精簡了前端三大框架，只選擇了Vue作為考點;第二，自動化構建這一塊中1+X也進行了精簡，只選擇了Webpack。高職院校如果開設全部的內容，課程量大，課程難度高，學生學習吃力;第三，1+X選擇了PHP語言作為后端開發(fā)語言。Web前端開發(fā)，必然要掌握接口設計、測試和調用的方法。選擇PHP語言是由PHP語言本身的特點決定的，PHP入門較簡單，可以讓學生將主要精力放在前端核心內容上，而Lavravel框架又是PHP主流的開發(fā)框架，市場占有率高。通過以上兩點可以看出1+X制度充分考慮了行業(yè)的需求和學校的教學實踐。對高職院校開設Web前端開發(fā)方向有很強的指導意義。

3 職業(yè)能力分析

通過收集招聘網站的數據和對企業(yè)的調研，Web前端開發(fā)的職業(yè)能力要求一般有以下幾點：1）業(yè)務系統(tǒng)開發(fā);2）制定數據接口標準、系統(tǒng)接口開發(fā);3）界面設計、改善用戶體驗;4）團隊技術交流;5）系統(tǒng)文檔的編寫和維護。通過分析梳理發(fā)現(xiàn)，Web前端開發(fā)方向對人才的職業(yè)能力要求與軟件開發(fā)的其它方向無明顯區(qū)別。因此在職業(yè)能力培養(yǎng)方面，可以參照軟件專業(yè)其他方向的培養(yǎng)方式進行。

4 高職Web前端開發(fā)課程體系

4.1 課程建設思路

在課程建設中，可以考慮以下幾個方面。第一，以1+X證書為標準，推進復合型Web前端開發(fā)技術技能人才培養(yǎng)[5]。緊密結合1+X制度，注重初級、中級、高級認證與課程的結合度，充全考慮Web前端開發(fā)專業(yè)課程的學習線路，科學設置課程，讓優(yōu)秀學生可以在兩年半在校學習加半年頂崗實習的有限時間里能夠完成三個等級的認證。讓普通學生完成初級和中級認證。第二，密切關注行業(yè)的發(fā)展趨勢，特別關注技術的發(fā)展，指派專業(yè)技術強的教師先行跟蹤學習主流開發(fā)技術、使用主流開發(fā)工具和框架，定期對教師進行培訓，教學力量不足的院校，可引入企業(yè)教師。第三，Web前端開發(fā)的發(fā)展方向是大前端，高職院校由于人才培養(yǎng)時間的限制不可能做到面面俱到。在課程及內容的把控上，應抓住核心，突出重點，降低學生的學習難度。第四，以應用為中心推動課程建設。近年來微信公眾號、微信小程序發(fā)展迅速，應用面廣。可開設相應的課程，提高學生的學習興趣。第五，重新規(guī)劃Web前端方向JavaScript課程內容。JavaScript是Web前端開發(fā)的主要語言，除了進行前端開發(fā)，它還可以通過NodeJS進行后端開發(fā)。JavaScript課程的質量直接關系到Web前端開發(fā)方向人才培養(yǎng)的質量。第六，重視JavaScript第三方類庫的教學。由于JavaScript歷史悠久，官方在開發(fā)升級過程中歷史包袱重，以及一些其它方面的原因，導致許多基本的功能官方類庫并沒有提供，實際應用開發(fā)中常常需要依賴第三方。

4.2 Web前端開發(fā)教材選擇

在教材的選擇上，主要存在兩個主要問題。一是教材內容過時。Web前端技術發(fā)展快，版本與版本之間差異較大，造成教材內容很快過時。二是教材的難度較大。以Web前端開發(fā)的核心框架的教材為例，無論是Vue、React還是Angular，它都會涉及HTML5、JavaScript和CSS，綜合性強。因此建議選擇適合高職學生特點的教材，鼓勵經驗豐富的老師自編教材。

4.3 實訓室建設

Web前端開發(fā)方向是純軟件的，無須額外的硬件支持。在普通筆記本電腦或者臺式機上可以完成全部實訓內容。因此不需要為該方向建設單獨的實訓室，本著節(jié)約投資降低成本的原則可與軟件技術專業(yè)的其它方向或者大數據、云計算等專業(yè)共用實訓室，可將精力放到課程內容的優(yōu)化上來。

4.4 教學方法改革

Web前端開發(fā)與軟件專業(yè)其它方向一樣有很多共性，比如：知識點多、技巧性的知識需要長時間的積累、需要不斷地寫代碼進行強化訓練。這樣就對教師提出了更高的要求，如何持續(xù)保持學生學習興趣，及時解決學生在練習過程中碰到的問題等。建議教師不斷學習，增強自身的專業(yè)技術水平，同時在教學中，使用豐富的案例深入淺出地進行講解。

5 結語

長遠來看，Web開發(fā)前后端分離的已經是大勢所趨，高職院校必然要對前端人才與后端人才分別進行培養(yǎng)，這是一項復雜且艱巨的任務。學校應緊跟形勢，對課程和教學模式進行調整，以適應行業(yè)的需求，為社會的發(fā)展做貢獻。

參考文獻：

[1] 教育部職業(yè)教育與成人教育司印發(fā)《關于做好首批1+X證書制度試點工作的通知》的通知[EB/OL].（2019-04-17）.http：//www.moe.gov.cn/s78/A07/A07_gggs/A07_sjhj/201904/t201904 18_378683.html.

[2] 劉順益.移動互聯(lián)網技術的發(fā)展現(xiàn)狀及未來發(fā)展趨勢[J].黑龍江科技信息， 2017（17）：167.

[3] 吳秒秒.WEB系統(tǒng)前端性能優(yōu)化研究[J].中國科技投資， 2017（1）：315.

[4] 黎曉鳳，鐘明輝.高?；贖tml5技術Web前端工程師人才培養(yǎng)模式的研究與探討[J/OL].品牌研究：1-2[2020-02-06].https：//doi.org/10.19373/j.cnki.14-1384/f.20190129.100.

[5] 張梅櫻.Web前端開發(fā)技術人才培養(yǎng)模式研究[J].科技資訊，2019，17（33）：17-18.

【通聯(lián)編輯：王力】