1+X證書制度下HTML5課程教學改革與實踐

張志敏

（池州職業技術學院，安徽池州 247000）

引言

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

1 HTML5課程現存問題

當前，Web前端開發技術日益更新，高職院校基本均開設了Web前端開發課程，如筆者所在學院，圍繞Web前端開發和后端開發，分別開設了網頁設計與制作、數據庫、PHP動態網站建設三門課程，無論是教師還是學生均存在著重編程輕前端的思想，課程之間內容相互獨立，缺乏完整項目的連貫性，最后學生完成的Web項目雖能實現一定的編程功能，但是界面設計、用戶體驗感均不佳，學生成就感大大降低。

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

2 教學改革與實踐

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

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

2.1 教學內容的重新設計

2019年，1+X試點推進工作中，Web前端開發職業技能等級標準將Web前端開發職業技能分為初、中、高三個等級，這樣的設計更加符合Web前端開發崗位群的職業發展路徑。其中初級證書持有者具有靜態網頁開發能力；中級證書持有者具有動態網頁設計開發能力；高級證書持有者具有復雜網頁設計開發能力和網站架構設計規劃能力[2]。

初級部分，對應為兩門專業基礎課：

（1）HTML5：涵蓋Web頁面制作基礎，HTML5開發基礎與應用；

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

中級部分，對應為三門專業核心課：

（1）MySQL數據庫技術與應用；

（2）動態網站開發：涵蓋PHP技術與應用，Web前后端數據交互技術；

（3）響應式網站開發：涵蓋響應式開發技術，網站項目實戰。

其中HTML5課程是Web前端開發系列課程中的基礎課程，教學內容分為理論基礎和實踐基礎。因此根據Web前端職業技能標準中Web頁面制作基礎領域技能要求，我們將教學內容進行整合，在理論知識部分，教師主要引導學生學習掌握知識重點，并運用知識技能完成教學小案例。

2.2 改革教學模式，實行項目化教學

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

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

2.3 變革教學形式，體現智慧課堂

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

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

2.4 改革課程考核機制

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

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

3 結束語

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