劉小園 戴春平

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

3.1 課程定位

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

3.2 課程內(nèi)容

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

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

(2)HTML5文檔結(jié)構(gòu)、頁(yè)面、表單、圖形元素和屬性；

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

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

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

(6)jQuery事件和動(dòng)畫等開發(fā)交互效果頁(yè)面設(shè)計(jì)；

(7)Bootstrap內(nèi)核解碼開發(fā)響應(yīng)式頁(yè)面設(shè)計(jì)；

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

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

3.3 課程技能目標(biāo)

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

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

(1)使用HTML5和CSS3進(jìn)行頁(yè)面基礎(chǔ)布局的搭建與樣式美化；

(2)HTML5本地存儲(chǔ)與離線存儲(chǔ)原理及應(yīng)用；

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

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

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

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

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

(1)利用 JavaScript進(jìn)行動(dòng)畫效果與用戶交互邏輯的編寫；

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

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

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

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

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

3.4 課程教學(xué)重點(diǎn)、難點(diǎn)及學(xué)時(shí)分配

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

表2課程教學(xué)重點(diǎn)、難點(diǎn)及學(xué)時(shí)分配

3.5 課程資源

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

3.6 課程考核

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

3.7 實(shí)踐效果

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

圖1 課程考核構(gòu)成

4 結(jié)語

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