1+X證書制度下Web前端開發課程標準制定分析

劉小園 戴春平

(1.羅定職業技術學院 信息工程系，廣東 羅定 527200；2.廣東食品藥品職業學院 軟件學院，廣東 廣州 510520)

0 引言

為了深化復合型技術技能人才培養培訓模式改革，夯實學生可持續發展基礎，2019年2月國務院印發了《國家職業教育改革實施方案》(以下簡稱“職教20條”)，方案中明確規定要在職業院校、應用型本科高校啟動1+X證書制度試點工作，鼓勵職業院校學生在獲得學歷證書的同時，積極取得多類職業技能等級證書[1]。Web前端開發職業技能等級證書是首批啟動的6個職業技能等級證書之一，廣東食品藥品職業技術學院是Web前端開發職業技能等級證書的首批試點院校之一，于2019年12月28日組織了Web前端開發職業技能等級證書初級考試，培訓200余人，參加考證的學生45人，合格以上34人，考證合格率高達75.6%，是全國平均34.76%的實考合格率的1倍多。為了進一步推動1+X證書制度試點工作在職業院校的實施和改進，在1+X證書制度下進一步完善高職院校相關教育教學標準體系，特別是作為落實教學計劃、執行專業人才培養方案和實現培養目標最基本的綱領性教學文件的課程標準的制定，關系到高職教與學的效果和人才培養的質量[2]。Web前端開發課程作為Web前端開發職業技能等級中級的核心課程，如何以崗位技能目標達成為導向，以提升學生就業競爭力和可持續發展為目標，在1+X證書制度下，按照高職院校學生達到的“中級”職業技能等級的要求，研究制定Web前端開發課程標準有效促進“課證融合”，就顯得尤為重要。

1 Web前端開發課程崗位能力分析

Web前端開發是軟件技術專業核心課程，主要對接的崗位有網頁設計師和網站管理員，崗位核心能力是具備桌面應用程序及Web應用程序開發能力。課程通過講授以下主要教學內容來實現崗位能力培養。使用HTML5和CSS3進行頁面基礎布局的搭建與樣式美化；利用JavaScript進行動畫效果與用戶交互邏輯的編寫；利用Bootstrap搭建后臺開發框架并創建數據庫；編寫后臺邏輯代碼；實現前后端數據交互處理；運用HTML5與CSS3進行頁面美化與性能調優；利用服務器進行網站發布。課程具體的崗位能力目標概括為以下四點：

(1)具備基本的HTML5編程能力，制作網站前期的策劃能力；

(2)具備使用HTML5+CSS3進行網頁整體布局和局部設計美工能力；

(3)具備利用JavaScript或其他工具進行數據交互能力；

(4)具備運用Bootstrap進行響應式網站開發能力。

2 Web前端開發職業技能等級證書職業技能要求分析

職業技能等級證書是體現畢業生職業技能水平的重要憑證，可以較好地反映職業活動和個人職業生涯發展所需要的綜合能力，職業技能等級證書的取得是提升高職畢業生就業競爭力的有效手段。Web前端開發職業技能等級證書分為初、中、高三個等級，每個等級的職業技能要求有所差別，其中高級證書職業技能總體要求是具有復雜網頁設計開發能力和網站架構設計規劃能力；中級證書職業技能總體要求是具有動態網頁設計開發能力；初級證書職業技能總體要求是具有靜態網頁開發能力。按照高職畢業生對應中級證書職業技能的標準， Web前端開發對接具體崗位及教學目標，課程對應的Web前端開發職業技能等級證書(中級)職業技能具體要求見表1。

表1 Web前端開發職業技能等級證書(中級)職業技能要求

3 基于課程崗位能力與證書職業技能對接的Web前端開發課程標準制定及實踐效果

“職教20條”要求2019年啟動1+X 證書制度試點工作，是對我國職業教育改革的重要部署，也是對職業教育的重大創新[3]。1+X 證書制度中“1”代表學歷證書，“X”代表若干職業技能等級證書。學歷證書是培養德智體美勞全面發展的高素質復合型技術技能人才的主渠道，職業技能等級證書主要突出職業技能的培養和考核。通過校企深度融合，引入行業和企業開發的等級證書、允許學生跨專業跨學科考證等，不僅豐富和深化了學歷教育的內容，還使得高等職業教育能緊跟產業發展的新需求，為高等職業教育培養跨行業、跨等級的復合型技術技能人才提供了更大組合空間[4]。但由于高職學生在校時間較短，只有將學歷教育的課程崗位能力與職業技能等級證書的職業技能要求對接，才能有效結合兩者的優勢，進而有效滿足我國產業轉型升級對產業工人的素質和技術技能水平的提高后的要求。原來很多簡單重復的操作性職業將逐步被智能化的機器人取代，但操作性與專業性交叉融合的新型職業工種將大量涌現，高職院校作為高素質的復合型技術技能人才培養的主陣地，制定基于課程崗位能力與證書職業技能對接的課程標準，并付諸實踐，是達到社會對高職畢業生培養要求的重要手段之一[5]。

3.1 課程定位

綜合考慮高職學生的總體情況，將Web前端開發課程崗位能力定位為職業技能等級證書中級的職業技能要求，同時兼顧初級的職業技能培養和后期的高級的職業技能提升，但為減少與其他課程在知識技能學習過程中的重疊，Web前端開發課程總目標定位于使學生掌握常用的網頁設計和網站工具，掌握網頁設計的基本技能，熟悉HTML5語言，能夠利用HTML5和CSS3知識進行Web前端網頁設計、制作及站點管理的基本知識和技能，能夠獨立制作中小型的靜態網站。

3.2 課程內容

Web前端開發課程教學內容的制定充分考慮到了Web前端開發從業人員的職業發展路徑與成長路徑，根據課程定位和課程技能目標合理安排教學內容，主要包括：

(1)HTML5開發工具的安裝和使用；

(2)HTML5文檔結構、頁面、表單、圖形元素和屬性；

(3)使用 CSS3 的選擇器、邊框特性、新增顏色、字體、盒陰影、背景特性、盒模型、漸變功能設計移動端靜態網頁設計；

(4)JavaScript基本語法、函數、面向對象功能的使用方法；

(5)jQuery中選擇、插件、事件和動畫功能的使用方法；

(6)jQuery事件和動畫等開發交互效果頁面設計；

(7)Bootstrap內核解碼開發響應式頁面設計；

(8)Bootstrap布局、組件、基本樣式、插件、組件的使用方法；

(9)使用 HTML5 新增語義化元素、頁面增強元素與屬性及多媒體元素等功能美化頁面。

3.3 課程技能目標

Web前端開發課程主要教學目標：以企業用人為導向，以崗位技能和綜合素質為核心，掌握HTML5+CSS3網頁設計思想及基本設計技巧，具備運用JavaScript腳本編程語言編寫客戶端程序和Bootstrap響應式開發的能力，能從事Web 前端編程、測試、終端界面開發和網站發布與維護等工作的技術技能人才。通過Web前端開發課程的學習，一方面讓學生熟悉網頁設計師和網站管理員等對接崗位的職責、業務內容和流程，具備與之適應的職業素養；另一方面具備靜態、動態網站搭建工作領域和工作崗位任務所需的職業技能。考慮到職業技能的培養是一個整體而漫長的過程，本課程的技能目標分為職業基本技能和職業遷移技能兩個維度。

其中，職業基本技能主要包括：

(1)使用HTML5和CSS3進行頁面基礎布局的搭建與樣式美化；

(2)HTML5本地存儲與離線存儲原理及應用；

(3)HTML5 Canvas繪圖、媒體查詢及響應式開發；

(4)基于 HTML5 制作響應式單頁面應用；

(5)Bootstrap樣式的統一使用方法；

(6)利用Bootstrap制作響應式炫彩網頁。

職業遷移技能主要包括：

(1)利用 JavaScript進行動畫效果與用戶交互邏輯的編寫；

(2)搭建后臺開發框架并創建數據庫；

(3)編寫后臺邏輯代碼；

(4)實現前后端數據交互處理；

(5)運用HTML5與CSS3進行頁面美化與性能調優；

(6)利用服務器進行網站發布。

3.4 課程教學重點、難點及學時分配

根據上述課程內容和課程技能目標達成，職業基本技能培養是重點，職業遷移目標培養是難點，同時結合課程團隊真實項目開發，在教學過程中嵌入2個自主開發項目：學生成績管理系統和新生報到管理系統。以“新生報到管理系統”設計過程為主線安排教學內容，作為教師上課示范項目，讓學生在課堂上進行練習；通過“學生成績管理系統”以實訓和課外大作業等實踐教學方式解決教學中的重點和難點，培養學生項目合作、團隊精神及創新能力。課程教學重點、難點及學時分配見表2。

表2課程教學重點、難點及學時分配

3.5 課程資源

本課程配有豐富的網絡教學資源。校本資源方面：課程團隊通過學校云平臺課程資源庫建有“Web前端開發”網絡課程，教師可以通過網絡課程資源庫進行輔助教學，包括發布多媒體課件、微視頻、在線答疑、話題討論、作業提交等；學生可以通過在線輔助教學資源進行自主學習，利用該平臺可以有效打破課程教與學的時空限制。企業合作平臺方面：課程團隊與傳智播客高校教輔平臺合作，利用該平臺可以實時跟蹤學生的學習進度，并可以開展在線考試和網絡教學簽名等眾多功能。

3.6 課程考核

衡量高職教育教學質量的標準，不僅要注重理論“知不知道”，更要注重實踐動手能力 “會不會干”。Web前端開發課程作為職業能力培養的核心課程，其考核的核心是學生能夠做出一個應用系統。課程采用筆試、上機考試(設計)等多種考核方式。為提高學生就業競爭力，可以用獲獎或證書成果直接認定，置換學分。(如圖1所示)

3.7 實踐效果

Web前端開發課程標準的制定以崗位技能目標達成為導向，以提升學生就業競爭力和可持續發展為課程教學總目標，實踐證明，其實施效果良好。根據對畢業生的就業跟蹤反饋調查發現，通過課程學習使學生掌握了Web前后端數據交互、響應式開發等知識，具備了靜態網頁設計、開發、調試、維護等能力，能迅速與用人單位“接軌”，受到了用人單位的好評。教學團隊的師生共同參與，先后開發了新生報到管理系統、基于貧困因素加權模式的高校貧困生動態數據庫系統，并進行了學校招生信息網等軟件的開發和網站建設，上述成果都已被學校相關部門所采用，收到良好的效果，達到了能力培養、產學結合的目的。

圖1 課程考核構成

4 結語

“職教20條”明確提出要完善教育教學相關標準，發揮標準在職業教育質量提升中的基礎性作用。課程標準作為高職院校課程建設的基礎性指導綱領，在 1+X 證書制度下，基于課程崗位能力與證書職業技能對接制定的Web前端開發課程標準，有效推動了學歷證書與職業技能等級證書的有機銜接，達到了進一步夯實學生可持續發展基礎、提升畢業生就業競爭力的目的。對于推進國家職業教育教學改革，實現“課證融通”，具有積級作用；同時對其他相關課程標準的制定也提供了一種思路，具有一定的借鑒意義。