1+X證書制度下HTML5課程教學(xué)改革與實(shí)踐

張志敏

（池州職業(yè)技術(shù)學(xué)院，安徽池州 247000）

引言

2019年1月24日，國(guó)務(wù)院印發(fā)的《國(guó)家職業(yè)教育改革實(shí)施方案》中提出“從2019年開始，在職業(yè)院校、應(yīng)用型本科高校啟動(dòng)‘學(xué)歷證書+若干職業(yè)技能等級(jí)證書’制度試點(diǎn)工作”，即1+X證書制度[1]。Web前端開發(fā)職業(yè)技能等級(jí)證書成為首批啟動(dòng)的5個(gè)職業(yè)技能等級(jí)證書之一，池州職業(yè)技術(shù)學(xué)院是Web前端開發(fā)職業(yè)技能等級(jí)證書的首批試點(diǎn)院校。學(xué)院認(rèn)真落實(shí)1+X證書制度，將1+X證書制度試點(diǎn)與專業(yè)建設(shè)、課程建設(shè)等緊密結(jié)合，推進(jìn)“1”和“X”的有機(jī)銜接，提升職業(yè)教育質(zhì)量和學(xué)生就業(yè)能力。

1 HTML5課程現(xiàn)存問題

當(dāng)前，Web前端開發(fā)技術(shù)日益更新，高職院?；揪_設(shè)了Web前端開發(fā)課程，如筆者所在學(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é)生成就感大大降低。

HTML5課程作為前端開發(fā)的基礎(chǔ)課程，授課內(nèi)容一直是圍繞HTML5+CSS3+JavaScript技術(shù)開展的，但由于課時(shí)限制，一學(xué)期通常講到CSS3高級(jí)動(dòng)畫部分就截止了，JavaScript知識(shí)內(nèi)容未系統(tǒng)地教授。同時(shí)，由于高職院校學(xué)生英語(yǔ)基礎(chǔ)差，對(duì)于代碼編輯存在著畏難心理。

2 教學(xué)改革與實(shí)踐

近年來，Web前端開發(fā)崗位開始火爆，目前市場(chǎng)上企業(yè)對(duì)于這方面的人才稀缺量比較大。結(jié)合職業(yè)需求，將Web前端職業(yè)能力有效地融入到教學(xué)體系中，進(jìn)行課程建設(shè)的探索和實(shí)踐，是當(dāng)前高職院校提升學(xué)生專業(yè)能力的有效途徑。

結(jié)合社會(huì)職業(yè)需求和1+X證書試點(diǎn)工作，我院也對(duì)HTML5課程從以下幾個(gè)方面進(jìn)行教學(xué)改革與探索。

2.1 教學(xué)內(nèi)容的重新設(shè)計(jì)

2019年，1+X試點(diǎn)推進(jìn)工作中，Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)將Web前端開發(fā)職業(yè)技能分為初、中、高三個(gè)等級(jí)，這樣的設(shè)計(jì)更加符合Web前端開發(fā)崗位群的職業(yè)發(fā)展路徑。其中初級(jí)證書持有者具有靜態(tài)網(wǎng)頁(yè)開發(fā)能力；中級(jí)證書持有者具有動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)開發(fā)能力；高級(jí)證書持有者具有復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)開發(fā)能力和網(wǎng)站架構(gòu)設(shè)計(jì)規(guī)劃能力[2]。

初級(jí)部分，對(duì)應(yīng)為兩門專業(yè)基礎(chǔ)課：

（1）HTML5：涵蓋Web頁(yè)面制作基礎(chǔ)，HTML5開發(fā)基礎(chǔ)與應(yīng)用；

（2）Web前端項(xiàng)目開發(fā)：涵蓋JavaScript程序設(shè)計(jì)，輕量級(jí)前端框架；綜合項(xiàng)目開發(fā)。

中級(jí)部分，對(duì)應(yīng)為三門專業(yè)核心課：

（1）MySQL數(shù)據(jù)庫(kù)技術(shù)與應(yīng)用；

（2）動(dòng)態(tài)網(wǎng)站開發(fā)：涵蓋PHP技術(shù)與應(yīng)用，Web前后端數(shù)據(jù)交互技術(shù)；

（3）響應(yīng)式網(wǎng)站開發(fā)：涵蓋響應(yīng)式開發(fā)技術(shù)，網(wǎng)站項(xiàng)目實(shí)戰(zhàn)。

其中HTML5課程是Web前端開發(fā)系列課程中的基礎(chǔ)課程，教學(xué)內(nèi)容分為理論基礎(chǔ)和實(shí)踐基礎(chǔ)。因此根據(jù)Web前端職業(yè)技能標(biāo)準(zhǔn)中Web頁(yè)面制作基礎(chǔ)領(lǐng)域技能要求，我們將教學(xué)內(nèi)容進(jìn)行整合，在理論知識(shí)部分，教師主要引導(dǎo)學(xué)生學(xué)習(xí)掌握知識(shí)重點(diǎn)，并運(yùn)用知識(shí)技能完成教學(xué)小案例。

2.2 改革教學(xué)模式，實(shí)行項(xiàng)目化教學(xué)

目前，借助1+X試點(diǎn)工作，由學(xué)校與企業(yè)合作方共同打造Web前端考試認(rèn)證中心，以該中心為依托，企業(yè)合作方為HTML5課程開展項(xiàng)目式教學(xué)提供充分的、真實(shí)的企業(yè)開發(fā)素材與案例庫(kù)。在期中、期末兩個(gè)階段，課程采取項(xiàng)目化教學(xué)，教師根據(jù)學(xué)生學(xué)習(xí)特點(diǎn)及知識(shí)儲(chǔ)備情況，針對(duì)性的選擇案例庫(kù)中某一項(xiàng)目，用項(xiàng)目將課程主要內(nèi)容串聯(lián)起來，培養(yǎng)學(xué)生初步的編程思想及方法。在教學(xué)過程中，立足于加強(qiáng)學(xué)生實(shí)際操作能力的培養(yǎng)，以典型案例引領(lǐng)，提高學(xué)生學(xué)習(xí)興趣，注重“教”與“學(xué)”的互動(dòng)，激發(fā)學(xué)生的學(xué)習(xí)動(dòng)機(jī)。加大實(shí)踐實(shí)操的容量，在教學(xué)過程中滲透培養(yǎng)軟件工程師的職業(yè)素養(yǎng)，提高學(xué)生的崗位適應(yīng)能力，同時(shí)提供優(yōu)質(zhì)廣泛的網(wǎng)絡(luò)資源，引導(dǎo)學(xué)生主動(dòng)獲取知識(shí)，擴(kuò)充學(xué)生的知識(shí)面。

考試認(rèn)證中心的案例庫(kù)不僅僅是只針對(duì)HTML5一門課程的，在1+X證書制度試點(diǎn)工作中，Bootstrap移動(dòng)端設(shè)計(jì)可以在利用HTML5課程完成的網(wǎng)站設(shè)計(jì)基礎(chǔ)上完成，同時(shí)PHP動(dòng)態(tài)網(wǎng)站開發(fā)的課程案例也選擇在HTML5、Bootstrap課程基礎(chǔ)上進(jìn)行迭代，完成服務(wù)器端的開發(fā)和優(yōu)化，最終完成一個(gè)完整的Web項(xiàng)目。通過同一案例、不同課程的交互學(xué)習(xí)，學(xué)生逐漸把Web前端綜合開發(fā)零碎知識(shí)連貫起來，學(xué)以致用，最終提升學(xué)生綜合開發(fā)能力。

2.3 變革教學(xué)形式，體現(xiàn)智慧課堂

HTML5課程是一門實(shí)踐性很強(qiáng)的課程，非常注重培養(yǎng)學(xué)生的自主分析技能和實(shí)際動(dòng)手能力。因此在項(xiàng)目案例的教學(xué)過程中，不再是教師一個(gè)人講授課程，而是將課堂的主導(dǎo)權(quán)交給學(xué)生。項(xiàng)目化案例通常采用分組模式，小組推薦一名能力較強(qiáng)的同學(xué)作為小組長(zhǎng)，小組成員之間分配不同任務(wù)，如美工、布局、匯報(bào)展示等，從而培養(yǎng)學(xué)生自主學(xué)習(xí)、合作互助、共同分析、解決問題的能力，最終提高學(xué)生前端開發(fā)的動(dòng)手能力。

在HTML5課程教學(xué)過程中，教師采用智慧職教云APP進(jìn)行混合式教學(xué)，采用線上教學(xué)與線下教學(xué)相結(jié)合。教師將基礎(chǔ)的理論知識(shí)點(diǎn)錄制成一個(gè)個(gè)小微課，課前通過職教云APP發(fā)布課前微課、課前預(yù)習(xí)小知識(shí)等，學(xué)生根據(jù)自身的學(xué)習(xí)能力進(jìn)行自主學(xué)習(xí)，滿足了學(xué)生的差異化需求。同時(shí)節(jié)約了大量的課堂教學(xué)時(shí)間，教師在課堂可以有針對(duì)性地對(duì)知識(shí)點(diǎn)進(jìn)行講解，著重講解案例操作，給學(xué)生更多的時(shí)間和機(jī)會(huì)進(jìn)行實(shí)踐。

2.4 改革課程考核機(jī)制

HTML5課程考核摒棄傳統(tǒng)的平時(shí)成績(jī)+期末成績(jī)的評(píng)價(jià)機(jī)制，采取項(xiàng)目實(shí)踐、匯報(bào)考核機(jī)制。主要考核流程是小組完成項(xiàng)目實(shí)踐后，進(jìn)行成果演示和答辯，由實(shí)際展示效果和問答情況檢測(cè)學(xué)生學(xué)習(xí)情況，這樣有利于全面的評(píng)價(jià)學(xué)生各方面能力。

同時(shí)，考核方式不再是期末一次成績(jī)，而是分期中、期末兩階段考核。這樣的考核方式，也能督促學(xué)生注重平時(shí)項(xiàng)目的實(shí)踐和學(xué)習(xí)，同時(shí)也能避免期末臨時(shí)抱佛腳僥幸過關(guān)的心態(tài)。

3 結(jié)束語(yǔ)

在1+X證書制度下，池州職業(yè)技術(shù)學(xué)院不斷完善和優(yōu)化教學(xué)內(nèi)容，改革教學(xué)模式，在校企合作的機(jī)制下實(shí)行項(xiàng)目驅(qū)動(dòng)教學(xué)，采用職教云APP施行混合式教學(xué)，改革課程評(píng)價(jià)機(jī)制，探索教學(xué)改革之路。