“1+X”證書制度下Web 前端開發模塊化課程體系研究＊

王瑞芳，唐 林，馬平安

（蘭州資源環境職業技術學院，甘肅 蘭州 730020）

1 引言

2019 年1 月，國務院印發了《國家職業教育改革實施方案》（國發[2019]4 號）[1]，即“職教20 條”，明確提出“1+X”證書制度，職業院校學生不僅要取得相應的畢業證書，還要具備相應的職業崗位綜合素養和技能水平[2]。在“1+X”證書制度指導下，把學歷證書和職業技能等級證書結合起來，是當今職教改革的一大亮點，也是重大創新[3]。自《試點方案》發布以來，蘭州資源環境職業技術學院積極準備，成功申報并獲批成為首批“1+X”證書Web 前端開發職業技能等級證書試點學校，先后于2019 年12 月、2020 年10 月和2020 年12 月組織完成3 次“1+X”證書制度試點考試。

根據《Web 前端開發職業技能等級標準》規定，“1+X”證書Web 前端開發職業技能等級證書分為初級、中級、高級三級。初級等級證書持有者具有靜態網頁制作能力；中級等級證書持有者具有動態網頁設計制作能力；高級等級證書持有者具有網站架構規劃設計能力和復雜網頁設計制作能力[4-6]。分析等級標準要求，分別對應不同的職業技能和工作領域，見表1。

表1 標準等級、職業技能和面向崗位群分析

根據《Web 前端開發職業技能等級標準》，蘭州資源環境職業技術學院確定以計算機應用技術專業（Web 前端開發方向）為教學改革對象，探索學歷證書與Web 前端開發職業技能等級證書有機銜接，將該專業的人才培養方案經過不斷優化、整合后，構建并實踐了“靜態+動態+移動” 三模塊線性遞進、平面擴展的Web 前端開發模塊化課程框架體系。

2 以Web 全棧方向人才培養為改革動力，推進“書證融通”進程

“產教融合、書證融通”是“職教20 條”中提出的重要人才培養模式[7]，將社會急需產業和技術人才緊缺領域中的職業技能等級標準貫穿于各大院校的人才培養方案中去，真正實現專業人才培養目標與職業崗位要求相統一，使教學內容、職業技能考試內容和職業崗位三者能夠有機地融合，真正實現學生畢業學歷證書+若干職業技能等級證書，從而構建“以就業為導向、以能力為本位”的一種賦能應用型人才培養模式。“書證融通”中“書”不僅代表高等教育學歷證書[8]，也代表取得學歷證書需完成院校的專業人才培養和專業課程，“證”即代表職業崗位能力要求和職業技能等級證書。“書證融合”指學校的人才培養與企業的職業崗位要求相融合、專業課程與職業技能相融合。

在“1+X”證書Web 前端開發證書試點工作進行的過程中，本學院將職業技能等級標準相關內容及要求有機融入計算機應用技術（Web 前端開發方向）專業課程教學，通過優化、整合、調整專業人才培養方案后，提出計算機應用技術（Web 前端開發方向）專業培養目標為“培養擁護黨的基本路線，德、智、體、美、勞全面發展、具有良好的職業素質，具備扎實的編程技術，熟練掌握開發技術，能面向IT 互聯網企業、互聯網轉型的傳統企業事業單位、政府部門等從事Web 全棧開發的高素質技術技能人才”，如圖1 所示。

圖1 Web 前端開發培養目標

3 完善Web 前端開發高素質技術技能人才培養體系

要實現“產教融合、書證融通” 的人才培養模式，課程建設必須緊貼生產業需求，符合當下時代要求。在落實好立德樹人根本任務的前提下[9-10]，應將“1+X”Web 前端開發職業技能等級標準融入到Web 前端開發專業課程體系中。為此，筆者提出了以Web全棧為培養目標，“靜態+動態+移動”三模塊線性遞進、平面擴展的Web 前端開發教學課程框架，如圖2 所示。

圖2 “靜態+動態+移動”三模塊課程體系

本框架以初、中、高等級認證為線索，內容包括靜態網站搭建、動態網站搭建和移動端開發3 個模塊，模塊之間以線性遞進、平面擴展的方式將Web前端開發職業技能等級標準融入實際教學內容之中，并實現前一模塊被包含到后一模塊、教學內容逐步擴大升級的目標，同時在時間上兼顧學生考取職業技能等級證書的階段性需求，從而比較完整地構建Web 全?！皶C融通”課程體系。

3.1 “靜態+動態+移動”三模塊關聯關系

課程體系中以靜態網站搭建為基礎，動態網站搭建為核心，擴展移動端開發，構建Web 全棧開發的人才培養體系，如圖3 所示。外層模塊包含內層模塊，外層模塊的擴展以內層模塊為基礎。

圖3 三模塊關聯關系

3.2 “靜態+動態+移動”三模塊課程關系

各模塊所對應的主干課程在本模塊內按照課程先行后繼關系采取線性遞進的方式在不同學期開設。課程內容的深度在各模塊之間以平面擴展的方式不斷地加深，以支持模塊內容知識體系的構建。

3.3 “靜態+動態+移動”三模塊教學

在課程的實施工程中，充分考慮工學結合的育人機制，教學過程分為項目化過程教學和實訓化生產教學兩部分。項目化過程教學以項目分解任務知識學習和驗證性實驗為主；而實訓化生產教學以真實項目為背景，設計、開發、調試等探究性實驗為主，從基礎知識和拓展知識兩個方面，強化學生技術技能的積累，增強學生就業創業能力。

3.4 “靜態+動態+移動”三模塊考核

在提升專業技能的同時，兼顧Web 前端開發職業技能初、中級證書認證的需要，在第一學年的課程教學中融入Web 前端開發初級證書考核內容，幫助學生完成初級考試任務。在第二學年的課程教學中融入Web 前端開發中級證書考核內容，幫助學生完成中級考試任務，并擴展高級內容為學生的后續發展奠定基礎。

4 推進Web 前端開發專業教學，深化“過程+生產”教學模式的課程改革

校企協同育人是“1+X”證書制度中的重要舉措，也是推動職業教育改革，提升專業人才培養實力和學生綜合職業能力的有效途徑。在Web 全棧開發人才培養過程中，采取校企雙主體方式，選取行業中3家代表性企業共同編制Web 前端開發專業人才培養方案，強化專業對接產業的服務功能。同時，教學標準和教學內容及時納入行業的新技術、新工藝、新規范，及時調整專業內容，建立起校企共同參與的育人模式。

在Web 全棧“書證融通”三模塊課程體系實施過程中，主干課程的項目化過程教學部分以校內專業老師為主體，企業人員為輔助，協同完成正常的課堂教學任務。項目化工程教學部分采用多個項目貫穿式教學，每個課程關聯的技術點很多，在有限的時間內很難講解全面，而通過項目植入到課程中，就可以篩選出實際應用的知識點重點講解。另外，通過項目功能模塊應用的技術反推出來的知識點，能讓學生更容易理解知識點的應用，達到學以致用的目的，又可以舉一反三，快速提高。也可以通過項目實戰挖掘課程中沒有講到的新知識點，擴展應用的知識面。

在這一階段，以課內小型項目為載體，啟迪和引導學生學習基本的知識內容，構建學生主體的知識體系，積累Web 前端開發所需的基礎知識，促使學生產生正確的認知方式和思維方式，從而為掌握Web 前端開發知識奠定扎實的基礎。

實訓化生產教學模塊以企業工程師為主體教師，校內教師輔助完成教學任務。這一階段的項目案例的設計以學生的知識模塊為依據，引進企業的真實生產案例，在模擬生產環境下以“構思—設計—實施—運行”的生產方式完成項目實訓任務。教學中的項目應用和實際企業項目還是有一些區別：第一，并不是項目越大、需求越復雜越好，因為用大項目教學會讓學生感覺很混亂，難以分析清楚項目的來龍去脈和功能需求，有可能起到反作用；第二，教學項目需要使用學生比較常見的類型項目，這樣的項目需求不需要過多的講解，學生們也能分析清楚業務流程，可以把精力都放在功能實現上；第三，教學項目保留了企業項目的完整流程，比如開發流程、代碼管理、團隊合作等，但是也有一些超過企業項目的地方，例如在具體的一些項目模塊基礎上，會設想多情況擴展開發下去，為讓學生接觸到更多的知識點。通過項目實訓，可以提高學生應用知識、分析問題和解決問題的能力。以企業優秀工程師的工匠精神培育學生的工匠精神，企業工程師對待工作的態度、處理問題的方式、分析問題的方法，對學生具有良好的示范作用。依靠嚴謹求實、精益求精的科學精神和工匠精神，塑造學生的職業能力和素質，實現培養高質量技術人才的培養目標。

5 總結及反思

Web 前端開發模塊化教學設計方案通過分析研究“1+X”證書Web 前端開發技能等級證書內容，結合本學院當前計算機應用技術專業（Web 前端開發方向）人才培養體系，在實現高等職業教育高質量發展的要求下提出了以靜態網站搭建為基礎，動態網站搭建為核心，擴展移動端開發，完成Web 全棧開發的人才培養目標，并結合方案提出了具體的設計思想和解決方案。

當然，Web 前端開發模塊化教學設計方案的實施需要學院從專業、課程、師資等多維度改革，加強改進教學體系建設。第一是課程，課程是專業的細胞，專業是課程的組合。因為課時和時間的限制，使在教學過程中基礎專業課如Html5、CSS3、JavaScript等課程深度不夠，不能達到中高級的要求，阻礙了后續課程學習進度；第二是教材，因為對課程的整合和調整，教材選取較為困難，增加了教師的授課難度也造成了學生學習的障礙；第三是師資，優化師資隊伍結構，全面培養雙師型高水平教學團隊，是人才培養第一要素。專業內容的不斷融合和更新，對教師提出了更高的要求，教師在不斷地更新知識體系同時，需要有豐富的項目經驗才能勝任當前的教學需要。