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

廖若飛

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

關鍵詞： Web前端開發; 課程體系建設; 1+X證書; 傳統Web開發; 課程建設

中圖分類號：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 引言

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

2 Web前端開發人才培養目標與方向

2.1 企業對人才的需求

在Web應用成為絕對主流的大背景下，Web前端開發引來了發展的春天，新的開發框架、類庫、工具層出不窮，企業用工需求量大，技術含量高。據大數據統計，2017年前端技術開發的人才需求量非常大，且每年遞增，入職平均薪資已達13000元，處于應屆畢業中的佼佼者，平均薪資漲幅高達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。甚至部分用人單位要求至少掌握一種后端的開發語言，如：Java、Python、PHP等。通過以上分析可以看出企業對員工的專業技能要求高，對高校人才培養提出了挑戰。

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

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

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

3 職業能力分析

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

4 高職Web前端開發課程體系

4.1 課程建設思路

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

4.2 Web前端開發教材選擇

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

4.3 實訓室建設

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

4.4 教學方法改革

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

5 結語

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

參考文獻：

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

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

[3] 吳秒秒.WEB系統前端性能優化研究[J].中國科技投資， 2017（1）：315.

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

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

【通聯編輯：王力】