【摘要】近幾年Web前端開發(fā)快速發(fā)展，人才缺口日益擴(kuò)大，然而中職院校培養(yǎng)的學(xué)生無(wú)法滿足市場(chǎng)崗位職業(yè)能力需求。本文分析了目前中職Web前端開發(fā)課程存在的問題，以我校成為“1+X證書”Web前端開發(fā)職業(yè)技能等級(jí)證書試點(diǎn)院校為契機(jī)，結(jié)合“1+X證書”Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)，重新構(gòu)建了中職Web前端開發(fā)課程體系，并依托學(xué)校自主研發(fā)的E-Online云課程平臺(tái)開展線上線下混合式教學(xué)，從而推進(jìn)復(fù)合型Web前端開發(fā)技術(shù)技能人才培養(yǎng)。

【關(guān)鍵詞】1+X? Web前端開發(fā)? 課程體系? 混合式教學(xué)

【基金項(xiàng)目】廣東省教育科學(xué)規(guī)劃課題《“1+X證書”制度下中職Web前端開發(fā)課程的教學(xué)改革與實(shí)踐》（課題編號(hào)：2020ZQJK018）。

【中圖分類號(hào)】TP393.09-4;G712? 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2021）30-0048-02

一、中職Web前端開發(fā)課程存在的問題

（一）課程設(shè)置重編程輕前端，課程內(nèi)容獨(dú)立，缺乏完整項(xiàng)目的連貫性

大多數(shù)學(xué)校圍繞Web前端開發(fā)和后端開發(fā)，分別開設(shè)了網(wǎng)頁(yè)設(shè)計(jì)與制作、數(shù)據(jù)庫(kù)、PHP動(dòng)態(tài)網(wǎng)站建設(shè)三門課程。無(wú)論是教師還是學(xué)生均存在著重編程輕前端的思想，課程之間內(nèi)容相互獨(dú)立，缺乏完整項(xiàng)目的連貫性，最后學(xué)生完成的Web項(xiàng)目雖能實(shí)現(xiàn)一定的功能，但是界面設(shè)計(jì)、用戶體驗(yàn)感均不佳，學(xué)生成就感大大降低。

（二）完整開設(shè)Web前端開發(fā)課程較少

當(dāng)前中職學(xué)校完整開設(shè)Web前端開發(fā)課程的比較少，大多僅僅開設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作，較多傾向于圖像化界面操作的課程，開設(shè)JavaScript、Web前端框架等復(fù)雜代碼的課程比較少。一些中職學(xué)校開設(shè)了相關(guān)課程，但是學(xué)生學(xué)習(xí)效果比較差，一是因?yàn)檫@些課程存在一定的難度，二是這些院校的課程存在專業(yè)課程及教學(xué)內(nèi)容重復(fù)、滯后等問題，學(xué)生知識(shí)、技能滯后，學(xué)習(xí)效率低下。

（三）傳統(tǒng)課程體系教學(xué)及實(shí)訓(xùn)內(nèi)容滯后，教學(xué)模式無(wú)法兼顧不同學(xué)生

中職院校專業(yè)課程體系滯后體現(xiàn)在更新周期長(zhǎng)，課程教學(xué)內(nèi)容不能與時(shí)俱進(jìn)，并且由于當(dāng)前的課程體系大多由學(xué)校專業(yè)負(fù)責(zé)人和教師完成專業(yè)課程體系的設(shè)置，企業(yè)和行業(yè)專家參與度較低，沒有進(jìn)行市場(chǎng)調(diào)研和分析，導(dǎo)致學(xué)生修完課程畢業(yè)時(shí)，掌握的知識(shí)和技能無(wú)法達(dá)到當(dāng)前行業(yè)、企業(yè)、市場(chǎng)對(duì)人才的新技術(shù)、新工藝和新規(guī)范的要求。同時(shí)，實(shí)訓(xùn)項(xiàng)目陳舊，單個(gè)項(xiàng)目融合技能點(diǎn)少，缺少?gòu)?fù)合型，實(shí)訓(xùn)項(xiàng)目來源脫離實(shí)踐，缺少實(shí)用性。

目前的教學(xué)模式主要是三種方式：一是傳統(tǒng)課堂教學(xué)，通過教師講解、演示將知識(shí)教給學(xué)生，學(xué)生再通過參與實(shí)訓(xùn)項(xiàng)目掌握知識(shí)，這種方式進(jìn)度較為統(tǒng)一，無(wú)論學(xué)好還是學(xué)的差都在同一時(shí)間學(xué)習(xí)相同的內(nèi)容。學(xué)生需要注意力高度集中，一旦錯(cuò)過部分內(nèi)容，可能導(dǎo)致較難繼續(xù)學(xué)習(xí)。二是利用微課進(jìn)行翻轉(zhuǎn)課堂學(xué)習(xí)，學(xué)生在家完成知識(shí)的學(xué)習(xí)，課堂變成了老師與學(xué)生之間和學(xué)生與學(xué)生之間互動(dòng)的場(chǎng)所，包括答疑解惑、知識(shí)的運(yùn)用等，從而達(dá)到更好的教育效果。但是這種方式的弊端是應(yīng)用到中職計(jì)算機(jī)專業(yè)中存在一定的難度，主要體現(xiàn)在學(xué)生住宿無(wú)法提前觀看視頻，學(xué)生學(xué)習(xí)的自律性差等。三是線上視頻學(xué)習(xí)，這種方式學(xué)生可以反復(fù)學(xué)習(xí)，同時(shí)能自己控制學(xué)習(xí)進(jìn)度，但是對(duì)于中職學(xué)生卻存在家里沒有計(jì)算機(jī)、視頻時(shí)間過長(zhǎng)難以堅(jiān)持、資源比較零散、出現(xiàn)錯(cuò)誤無(wú)法獨(dú)立解決等問題。

二、構(gòu)建中職Web前端開發(fā)課程體系

通過分析“1+X證書”中的《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》（初級(jí)），它對(duì)知識(shí)面的掌握非常廣，需要擁有“html，Css，JavaScript，JQuery，Web前端框架”這五方面的能力。這5方面的知識(shí)可以成為5門對(duì)應(yīng)的課程。以往的考證課程基本都是1門培訓(xùn)課就可以滿足考證知識(shí)點(diǎn)的需求，但是“Web前端開發(fā)”證書需要多門課程知識(shí)點(diǎn)。由于課程教學(xué)計(jì)劃還有其它文化基礎(chǔ)課和專業(yè)課開設(shè)，平衡多種因素，擬開出3門必修課和1門選修課來就對(duì)“Web前端開發(fā)”的工作任務(wù)和知識(shí)要求，對(duì)現(xiàn)在課程的體系進(jìn)行優(yōu)化，把“Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)”中的內(nèi)容融入具體的課程內(nèi)容中進(jìn)行。具體對(duì)接課程如表1：

其中《網(wǎng)頁(yè)設(shè)計(jì)與制作》主要涵蓋HTML+CSS內(nèi)容及HTML5+CSS3相關(guān)內(nèi)容，《Web前端開發(fā)技術(shù)基礎(chǔ)》主要講解JavaScript+Jquery的部分內(nèi)容，《Web前端開發(fā)技術(shù)實(shí)戰(zhàn)》主要講解多個(gè)小實(shí)例讓學(xué)生關(guān)聯(lián)前兩門課的教學(xué)內(nèi)容，同時(shí)實(shí)現(xiàn)考證復(fù)習(xí)的作用?！禬eb前端開發(fā)綜合實(shí)訓(xùn)》作為一門選修課則主要講解一個(gè)完整的大項(xiàng)目，讓學(xué)生從零搭建完整的實(shí)訓(xùn)項(xiàng)目貫穿所有知識(shí)點(diǎn)。

三、Web前端開發(fā)課程教學(xué)模式的改變

（一）項(xiàng)目教學(xué)、理實(shí)一體，引入成果教育理念

在課程改革中引入成果教育理念，讓學(xué)生在課程開始就看到課程產(chǎn)出，了解自己通過學(xué)習(xí)可以掌握何種能力，取得何種學(xué)習(xí)成果，有效地解決學(xué)生串聯(lián)知識(shí)點(diǎn)困難的問題。在教學(xué)方法上以項(xiàng)目為主線，使用“項(xiàng)目驅(qū)動(dòng)”教學(xué)方法，發(fā)揮學(xué)生的主體作用，同時(shí)使用小組合作學(xué)習(xí)法，以協(xié)作的方式完成項(xiàng)目。

（二）利用E-online云課程平臺(tái)及超星學(xué)習(xí)通實(shí)現(xiàn)翻轉(zhuǎn)課堂

組織課程教學(xué)相關(guān)教師在深入崗位調(diào)研和教學(xué)過程總結(jié)的基礎(chǔ)上開發(fā)適合教學(xué)使用的課程資源，包括電子教案、課件、試題習(xí)題集、教學(xué)微課視頻、多媒體教學(xué)課件。建立教學(xué)資源庫(kù)，上傳所有相關(guān)課程資源供相關(guān)老師和學(xué)生下載學(xué)習(xí);依托學(xué)校自主研發(fā)的E-Online云課程平臺(tái)及超星學(xué)習(xí)通，讓學(xué)生能隨時(shí)隨地進(jìn)行預(yù)習(xí)、自學(xué)和復(fù)習(xí)，也方便教師和學(xué)生的互動(dòng)教學(xué)和評(píng)價(jià)。充分利用信息技術(shù)開放實(shí)訓(xùn)中心，將教學(xué)與培訓(xùn)合一， 滿足學(xué)生綜合能力培養(yǎng)的要求。

（三）有效評(píng)價(jià)及時(shí)反饋

完成整個(gè)學(xué)習(xí)情境之后進(jìn)行，考查學(xué)生對(duì)整個(gè)項(xiàng)目情境的掌握情況。結(jié)合學(xué)生學(xué)習(xí)過程中的每個(gè)課時(shí)評(píng)價(jià)以及教師對(duì)學(xué)生的綜合性考核，得出每個(gè)學(xué)生的《項(xiàng)目過程分析報(bào)告》。學(xué)生的階段性考核采用校企共評(píng)，通過本階段情境的綜合職業(yè)能力雷達(dá)圖的對(duì)比，即可了解學(xué)生綜合職業(yè)能力的變化情況。

（四）實(shí)施“Web前端技術(shù)種子計(jì)劃”，校企共建工作室

針對(duì)實(shí)訓(xùn)內(nèi)容滯后的問題，可以實(shí)施“Web前端技術(shù)種子計(jì)劃”，從各個(gè)年級(jí)挑選優(yōu)秀學(xué)生進(jìn)行重點(diǎn)培養(yǎng)，引進(jìn)相關(guān)企業(yè)成立校企研發(fā)工作室，將企業(yè)真實(shí)項(xiàng)目帶進(jìn)學(xué)校進(jìn)行研發(fā)。由企業(yè)項(xiàng)目導(dǎo)師及學(xué)校教師共同培養(yǎng)，不僅可以鍛煉學(xué)生專業(yè)技能，還能鍛煉學(xué)生的溝通表達(dá)、職業(yè)素養(yǎng)等綜合能力，培養(yǎng)復(fù)合型人才。

四、成果

我校作為首批“1+X證書”試點(diǎn)院校，目前已參與了三次Web前端開發(fā)考試，其中2019年全國(guó)統(tǒng)一考試初級(jí)共報(bào)考23012人，實(shí)考合格率34.76%;其中我校共31人參與報(bào)名考試，通過30人，通過率高達(dá)96.77%。三次共有177人參與考試，通過率126人，平均通過率71.2%。校企研發(fā)中心成果產(chǎn)出成績(jī)優(yōu)異，開發(fā)了多個(gè)校內(nèi)外系統(tǒng)，其中兩項(xiàng)申請(qǐng)并獲得了軟件著作權(quán)。在競(jìng)賽方面，我校團(tuán)隊(duì)分別在2020、2021年廣東省職業(yè)院校技能大賽Web前端開發(fā)項(xiàng)目中榮獲團(tuán)體二等獎(jiǎng)1項(xiàng)，一等獎(jiǎng)1項(xiàng)，并在2020一帶一路暨金磚大賽之網(wǎng)站設(shè)計(jì)與開發(fā)大賽國(guó)內(nèi)賽中與高職院校同臺(tái)競(jìng)技，獲得總分第一的好成績(jī)，我校也因此獲得了“最佳組織獎(jiǎng)”的榮譽(yù)稱號(hào)。

五、結(jié)語(yǔ)

當(dāng)下Web前端開發(fā)發(fā)展迅猛，中職院校應(yīng)當(dāng)結(jié)合“1+X證書”制度試點(diǎn)工作，將職業(yè)標(biāo)準(zhǔn)融入到課程當(dāng)中，優(yōu)化課程體系，改革教學(xué)模式，從而推進(jìn)復(fù)合型Web前端開發(fā)技術(shù)技能人才培養(yǎng)。

參考文獻(xiàn)：

[1]周健.淺析基于Web前端開發(fā)的1+X證書的人才培養(yǎng)方案[J].福建茶葉，2019（8）.

[2]張梅櫻.Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究[J].科技資訊，2019（33）.

作者簡(jiǎn)介：

黃晉文（1988年-），男，廣東梅州人，計(jì)算機(jī)講師，本科學(xué)歷，研究方向?yàn)榫W(wǎng)絡(luò)安全、Web前端開發(fā)、中等職業(yè)教育。