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

劉小園 戴春平

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

0 引言

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

1 Web前端開發(fā)課程崗位能力分析

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

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

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

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

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

2 Web前端開發(fā)職業(yè)技能等級證書職業(yè)技能要求分析

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

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

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

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

3.1 課程定位

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

3.2 課程內(nèi)容

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

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

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

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

(4)JavaScript基本語法、函數(shù)、面向?qū)ο蠊δ艿氖褂梅椒ǎ?/p>

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

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

(7)Bootstrap內(nèi)核解碼開發(fā)響應式頁面設計；

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

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

3.3 課程技能目標

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

其中，職業(yè)基本技能主要包括：

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

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

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

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

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

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

職業(yè)遷移技能主要包括：

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

(2)搭建后臺開發(fā)框架并創(chuàng)建數(shù)據(jù)庫；

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

(4)實現(xiàn)前后端數(shù)據(jù)交互處理；

(5)運用HTML5與CSS3進行頁面美化與性能調(diào)優(yōu)；

(6)利用服務器進行網(wǎng)站發(fā)布。

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

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

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

3.5 課程資源

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

3.6 課程考核

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

3.7 實踐效果

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

圖1 課程考核構成

4 結語

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