Web前端開發課程體系建設與實踐探索

王紅軍，胡宇航，汪洪祥，劉瑋，高巍，榮雯皓

（河北旅游職業學院，河北承德 067000）

隨著Web 前端開發技術的普遍應用，國內高職院校提高了重視程度，為了提高人才培養質量，必須要加強Web 前端開發課程體系建設，和實際教學聯系起來，確保取得良好成效。現階段Web 前端開發課程中出現了一些問題，為了改善這種情況，要進一步優化，建立起一套完善課程體系，不斷提高學生自身綜合能力，為將來步入社會打下堅實的基礎。

1 課題研究目的及意義

在“1+X”證書制度的背景下，河北旅游職業學院信息技術系計算機應用技術專業以就業為導向，加強對Web 前端開發專業課程體系探索，主要目的是為了提高人才培養質量。自2016年以來，該系瞄準市場需求，修改人才培養方案，制定和實施新課程體系，在國家“1+X”證書制度沒有正式發布前，已經積累了一定的實踐教學經驗。該課題旨在通過該院信息技術系的課程改革實踐經驗，研究在“1+X”證書制度下將Web 前端職業技能培養融入教學中，探索將課程教學知識體系與Web 前端開發職業技能等級標準有機結合，優化和重構專業核心課程體系[1]。

2 國內外研究現狀

目前，“1+X”證書制度與高職Web 前端開發人才培養的結合在國內還處于初步實踐階段。國內很多高職院校相關專業的Web 前端專業核心課程體系建設還在摸索中。2019年2月，國務院印發了《國家職業教育改革實施方案》，明確提出深化復合型技術技能人才培養培訓模式改革，借鑒國際職業教育培訓普遍做法，啟動“1+X”證書制度試點工作。2019年3月，工業和信息化部組織編寫了《Web 前端開發職業技能等級標準》，明確了該專業職業技能人員的工作領域、工作任務、技能要求和知識要求。由于很多高職院校相關專業原有的課程知識體系與“1+X”Web 前端開發證書的知識體系要求不一致，導致其專業課程體系已經不能滿足新要求的需要，急需進行課程體系改革，制定新的專業核心課程體系，以適應新培養方向的要求[2]。

3 Web 前端開發人才培養目標及方向

3.1 人才需求量增加

現階段，Web 前端開發成為社會熱點，隨著技術快速發展，各種開發框架、工具不斷出現，導致企業對專業人才需求量增加。根據相關統計顯示，Web前端開發技術人才缺口非常大，薪資福利待遇好，有著廣闊市場發展前景。但是由于各方面原因，人才數量一直比較少，無法滿足發展需求，一定程度上限制了技術發展，所以要加強人才培養。Web 前端底層技術由HTML、CSS 和JavaScript 三大部分組成，是一個龐大而復雜的技術體系。通過市場調查發現，企業在招聘時對人才提出了一定要求，一是熟悉HTML5、CSS3、ES6 等Web 技術標準；二是熟悉前端三大框架：Vue、React、Angular； 三是熟悉前端UI 框架，如Bootstrap、IView 等；四是熟悉前端模塊化標準：AMD、CommonJS 等；五是熟悉自動化構建工具：Grunt、Gulp 等；六是熟悉NoteJS[3]。部分企業招聘要求比較低，但是必須要掌握一種后端的開發語言，如Java、PHP 等。企業為了實現更好發展，招聘時對人才水平要求比較高，所以在校期間要進行有效學習，才能更好地適應。

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

Web 前端開發的1+X 證書分為初級、 中級、高級3 個等級，不同等級對人才能力要求不一樣，有著明顯差異。初級要掌握HTML、CSS、JavaScript 基礎以及JQuery； 中級要求掌握后端PHP 語言、PHP 開發框架Laravel、常用的MySql 數據庫、Ajax 等；高級要求掌握Vue、lessdeng ，這3 個等級是逐步深入的，詳細展現出Web 前端開發的學習順序。將1+X 與企業對人才要求進行對比，可以發現存在幾方面的問題。首先1+X 讓前端三大框架變得更加精簡，但是只選擇Vue 作為考點。其次在自動化構建中，1+X也變得更加精簡，只選擇Webpack。高職院校如果開設所有內容，不僅學習難度大，而且任務量會比較中，增加了學生內心壓力，顯然是不合適的[4]。最后1+X 選擇PHP 語言作為后端開發語言。在進行開發時，要求掌握接口設計、測試和調用的方法，之所以選擇PHP 語言，這和PHP 語言本身特點有很大的關系。PHP 剛開始學習比較簡單，學生將重點放在前端核心內容上，同時Lavravel 框架是PHP 主流的開發框架，在市場中占據很大比例。通過分析可知，1+X 制度將市場和教育充分聯系起來，為高職院校Web 前端開發課程體系建設與實踐指明了方向，保證達到預期效果。

4 職業能力分析

通過對企業人才招聘標準分析，總結了Web 前端開發的職業能力，包括以下5 個方面，分別是業務系統開發；制定數據接口標準、系統接口開發；界面設計、改善用戶體驗；團隊技術交流；系統文檔的編寫與維護。不難發現，Web 前端開發方向對人才的職業能力要求和軟件開發是相似的，所以在培養職業能力時，可以以軟件專業作為參考。學生將來是要走向社會的，所以職業能力培養是至關重要的，直接決定了在市場中競爭力，可以獲得更好發展機遇。明確對Web 前端開發技術人才的能力要求，在此基礎上設計課程體系，保證具有適用性，不斷提高學生職業能力，為將來發展打下堅實的基礎[5]。

5 Web 前端開發課程存在的問題

隨著高職院校對Web 前端開發技術的重視，已經開設了相關課程，但在實踐教學中仍然存在一些問題，對人才培養質量會產生不利影響，下面進行詳細論述。

5.1 課程內容落后

Web 技術發展呈現出日新月異的特點，在先進技術支持下，Web 應用項目開發周期大大縮短，可以滿足更高需求。但是從大部分高職院校課程內容來看，主要以網頁設計、網頁制作、工具軟件使用為主，存在嚴重滯后性，與實際需求不相符合，無法保持與Web 前端技術的同步發展。這也是很多學生無法就業的問題，自身知識體系落后于技術發展速度，無法勝任崗位需求。教師幾乎整節課時間都在講解知識點，學生進行簡單練習即可，在這種模式下，學習效果并不是很好，即使學生存在問題也很難發現。課程內容具有極強針對性，主要是面向特定崗位設計的，如果內容落后，會直接導致學習效果大打折扣，所以要注重內容創新。

5.2 忽視實踐教學

Web 前端開發技術具有很強實踐性，要求學生學習后可以熟練操作，解決實際中遇到問題，將知識轉化為自身能力。部分院校在課程設置方面存在不合理現象，以理論課為主，忽視了實踐教學的重要性，導致在這方面存在嚴重缺陷。實踐教學課時比較少，學生很難在短時間內全面掌握，所以無法熟練操作，會影響到未來就業。調查發現，大部分學生都掌握了Web 前端開發技術的理論，但是實踐能力普遍較低，限制了自身全面發展。Web 前端開發技術的復雜性，決定了需要大量時間去練習，在短期內是無法熟練操作的，但院校往往忽視了這一點，沒有處理好理論和實踐教學之間的關系。意識到實踐教學重要性，改善目前現狀，不斷提高學生動手能力，實現自身的更好發展[6]。

5.3 教學方式單一

Web 前端開發課程教學中依然采用傳統方式，教師在課堂上占據主導地位，學生只能被動接受，自主學習積極性比較低，長此以往容易對教師產生依賴性。在Web 前端開發技術學習過程中，教師主要起到引導作用，更多是要發揮出學生自身主觀能動性，培養良好學習習慣。在單一教學模式下，學生會感覺到枯燥乏味，導致積極性普遍較低。學生對Web 前端開發技術認識比較淺顯，沒有和行業需求聯系起來，認為只要完成學習任務就可以。根據Web 前端開發課程的特點，創新教學方式，確保取得更好效果。

5.4 考核方式不合理

Web 前端開發課程教學考核依然采用傳統方式，以考試結果作為評價學生的唯一指標，忽視了其他方面的評價，存在嚴重片面性。對于學生而言，Web 前端開發技術學習是一個持續性過程，技術難度在不斷增加。當學生考試成績比較低時，會打擊到自身積極性，對后期學習產生一定影響。因此要加強教學考核方式改革，保證具有全面性，反映出學生各個方面的學習情況。考核方式直接作用于教學效果，通過考核發現問題，在此基礎上進一步改進，優化教學方式，不斷提升學習效率和質量。

6 Web 前端開發課程體系建設與實踐

關于Web 前端開發課程體系建設與實踐，高職院校要立足于實際情況，保證課程體系建設的全面性、可行性，與人才培養目標相符合，不斷提高學生綜合能力，有效適應社會發展。

6.1 課程體系建設思路

Web 前端開發課程體系建設要明確思路。一是以1+X 證書為標準，注重復合型Web 前端開發技術人才培養，有效結合1+X 制度，將初級、中級、高級和課程相結合，認真考慮Web 前端開發專業課程的學習路線，合理設置課程，讓學生在校期間可以完成3 個等級的認證，具備較高技術水平，為將來走向工作崗位做好準備。二是時刻關注行業發展形勢。教師要深入到企業中去學習，了解最新技術發展情況，融入課堂教學中去，有助于強化學習效果。教師是教學的主體力量，因此院校要定期開展培訓，組織他們學習最新理論和技術，為教學工作開展提供有力支持。三是Web 前端開發的發展方向是大前端，由于學生在校學習時間有限，所以很難全面掌握。在這種情況下，教學中就應該突出重點，不僅減少學習量，還能夠提高效率。四是以應用為中心推動課程建設。微信在學生中已經普遍應用，可以作為課程推廣的工具，具有方便、快捷的特點，激發出學生興趣，進一步強化學習效果。五是重新規劃Web 前端方向JavaScript 課程內容。JavaScript 是Web 前端開發的主要語言，除此之外，還能夠通過NodeJS 實現后端開發。提高JavaScript 課程質量，可以有效提高人才培養質量，二者有著密切聯系。六是提高對JavaScript 第三方類庫的教學，JavaScript 發展時間比較長，受到各種因素影響，使得很多基本的功能官方類庫沒有提供，所以往往需要依賴第三方。

6.2 合理選擇Web 前端開發教材

從實際情況來看，教材選擇上主要存在兩個問題，一是內容落后。由于Web 前端技術發展速度比較快，所以教材內容非常容易過時，需要及時更新才可以。二是教材難度大。以Web 前端開發的核心框架的教材為例，涉及專業知識比較多，具有很強綜合性，增加了學生學習難度。為了解決面臨問題，要提升教材質量。首先要關注行業發展情況，補充最新內容，保證教材的先進性，與技術發展保持同步。合理控制教材內容難度，保證學生可以很好接受，學習到專業技術。教材編制要由經驗豐富教師來負責，完成后進行審核，不足地方及時完善，更好應用到教學中來。

6.3 建設實訓室

在Web 前端開發課程體系建設中，要意識到實踐教學的重要性，對于提高學生操作能力有很大的幫助。為了確保實踐教學順利開展，加強實訓室建設是很有必要的，創建出良好環境，提高學生參與積極性。僅靠教師講解是遠遠不夠的，需要學生自己動手去操作，才會變得更加熟練，不斷提高自身職業能力。根據學生自身情況制定實訓方案，嚴格按照要求去執行，在反復練習中會變得越來越熟練。高職院校要加大對實訓室建設的投入，購置先進技術設備，為學生學習質量提供可靠保障。日常要注重實訓室的維護和管理，避免出現設備損壞影響，對正常教學產生影響。將理論和實踐練習起來，提高知識運用能力，解決實際中遇到問題。

6.4 創新教學方法

傳統教學方法已經無法滿足實際需求，所以要積極創新，可以發揮出更大作用。堅持以人為本原則，突出學生主體地位，更加自主參與到教學中去，不斷提升自身學習水平。小組合作是一種很好的方式，將學生分成不同小組，通過討論合作來完成教學任務，可以營造出良好學習氛圍，讓所有人都參與進來。改革教學考核方式，除了成績外，還要對學習態度、進步情況等方面進行綜合評價，給學生科學合理定位。教學方法直接決定了教學效果，所以要保證滿足學生需求，增強學習趣味性，培養自主探究能力，促進良好習慣養成。采用多種教學方法，加強師生互動，提高在課堂上的默契配合度，實現知識傳遞與吸收。

7 結語

綜上所述，上文對Web 前端開發課程體系建設與實踐展開了探討，有更加全面的了解。在市場對Web 前端開發技術人才的持續增加背景下，高職院校要積極轉變教學理念，明確人才培養目標，同時加強課程體系建設，保證學生接受良好教育。將課程體系運用到實際教學中去，不斷提高人才培養質量，滿足社會發展的更高需求。