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施行混合式教学，改革课程评价机制，探索教学改革之路。