張志敏

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

引言

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

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

當(dāng)前，Web前端開發(fā)技術(shù)日益更新，高職院?；揪_設(shè)了Web前端開發(fā)課程，如筆者所在學(xué)院，圍繞Web前端開發(fā)和后端開發(fā)，分別開設(shè)了網(wǎng)頁設(shè)計與制作、數(shù)據(jù)庫、PHP動態(tài)網(wǎng)站建設(shè)三門課程，無論是教師還是學(xué)生均存在著重編程輕前端的思想，課程之間內(nèi)容相互獨立，缺乏完整項目的連貫性，最后學(xué)生完成的Web項目雖能實現(xiàn)一定的編程功能，但是界面設(shè)計、用戶體驗感均不佳，學(xué)生成就感大大降低。

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

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

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

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

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

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

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

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

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

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

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

（2）動態(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)站項目實戰(zhàn)。

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

2.2 改革教學(xué)模式，實行項目化教學(xué)

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

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

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

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

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

2.4 改革課程考核機制

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

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

3 結(jié)束語

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