“1+X”证书制度下中职Web前端开发课程教学改革与实践初探

吴炎辉

[摘           要]  在当今实行“1+X”证书制度的大背景下，中职Web前端开发课程的教学现状仍存在诸多弊端，有必要对课程进行教学改革，以提高课程教学效果，培养学生的自主学习能力及职业素养，从而帮助学生更好地适应岗位需求。以中职学生为研究对象，从中职Web前端开发课程入手，在“1+X”证书制度下，对中职Web前端开发课程的教学从教材、微课教学、情景教学和信息化模拟考试平台等方面进行改革实践，并有针对性地提出提升中职学生Web前端开发职业技能学习有效性的研究目标。

[关    键   词]  “1+X”证书制度;Web前端开发;课程改革

[中图分类号]  G712                 [文献标志码]  A              [文章编号]  2096-0603（2020）46-0142-02

一、中职Web前端开发课程教学现状与改革意义

从2019年开始，教育部、国家发展改革委、财政部、市场监管总局联合印发了《关于在职业院校实施“学历证书+若干职业技能等级证书”制度试点方案》，部署启动“学历证书+若干职业技能等级证书”（简称“1+X”证书）制度试点工作。这意味着职业院校的学生在取得学历证书的同时，还需要获得多类职业技能等级证书。Web前端开发职业技能等级证书是首批发布的六个职业技能等级证书之一，也是我校计算机网络技术专业的核心课程。然而在“1+X”证书制度改革实行之前，中职Web前端开发课程的教学现状仍存在诸多弊端。首先，课程对学生的就业导向指导性不强。许多中职学生往往是为了完成一门课程而去学习，没有明确的学习目标。学生在学习一段时间后往往缺乏学习兴趣，进而影响课程教学效果。其次，课程设置分散，不连贯，没能科学、合理地关联起来，学生无法获得系统的课程知识。同时，课程教材缺乏权威性，教师选择教材的标准是市场的销量以及教材所配套的案例是否丰富。最后，课程教学缺乏有效的评价体系，往往以教师个人的主观评价为考核标准，缺乏科学的评价体系。这些教学现状对学生学习Web前端开发技术，进而掌握网络专业技术都会产生不利的影响。本文将以中职学生为研究对象，从中职Web前端开发课程入手，在“1+X”证书制度下，对中职Web前端开发课程的教学从教材、微课教学、情景教学和信息化模拟考试平台等方面进行改革实践，并有针对性地提出提升中职学生Web前端开发职业技能学习有效性的研究目标。

二、基于实践中存在的问题进行的中职Web前端开发课程教学改革

（一）以“1+X”证书制度试点培训用书为主导，适当增加教学案例，提高学生的学习兴趣

在“1+X”证书制度改革之前，我们往往根据市场销量及案例的丰富与否来选择教材。因此，常常会出现教材因受市场销量影响而频繁更换的现象。改革之后，我们选用了由工业和信息化部教育与考试中心主编的“Web前端开发（初级）”为主要教材。该教材是“1+X”证书制度试点培训用书，不但具有权威性和针对性，而且知识点更全面、更系统，有利于增强学生学习的目标性。“1+X”证书制度培训用书，虽然知识点全面、理论性较强，但却缺乏生动且丰富的教学案例，学生学习起来较枯燥。因此，我们在选用“1+X”证书制度试点培训用书作为主要教材的基础上，适当增加了一些生动有趣的教学案例，以丰富课堂内容，提高学生的学习兴趣。比如，“Web前端开发（初级）”这本教材在“HTML的超链接元素”这一节中，仅列出文本链接、图像链接和锚点链接等类型链接的标签和属性，配套的课堂练习案例也较为分散和单一。因此，我们需在介绍完基本知识点和课堂练习后，再补充一个“古诗欣赏”的案例练习。该案例的主要目的就是训练学生对HTML超链接应用的理解，要求学生制作出一个简单的小型网站，网站小而精巧，并涵盖本节完整的知识内容。对于学生来说操作既简单，完成后又有显著的成品效果。学生完成案例练习后，对知识的理解将更加扎实和完整，不仅增强了学习的成就感，还有利于保持学生对学习本课程的兴趣。

（二）多种教学方式培养学生的自主学习能力，提高学生的职业素养

教学活动的开展离不开学生的积极性和主动性的发挥，学生自主学习能力的培养对于学生顺利掌握知识具有重要的意义，而良好的職业素养能够帮助学生顺利走上岗位。在中职Web前端开发课程的教学中，笔者注重通过多种教学方式培养学生的自主学习能力，提高学生的职业素养。

1.以基于微课的翻转课堂教学模式培养学生的自主学习能力

在中职Web前端开发课程中，许多教师往往采用传统的教学模式，由于课程专业性非常强，大量的专业知识需要依赖教师课堂上进行讲解，而学生的注意力持续的时间可能不长，这就在一定程度上限制了学生的学习兴趣，不仅不能调动学生学习的积极性，还不利于培养学生的自主学习能力。针对这一问题，笔者在教学中运用基于微课的翻转课堂教学模式，以提高学生的学习兴趣，增强课堂的教学效果，进而培养学生的自主学习能力。

基于微课的中职Web前端开发课程翻转课堂采用当前较为流行的移动App微课教学模式。开课前系统平台将为学生发送本学期需要通过移动App进行学习的课程。学生登录自主学习平台，点击微课视频进行自主学习，在学习之后将根据课程所学内容完成的作品提交到平台作品墙上。教师检查学生自主学习成果，对学生的作品进行点评并将评价结果及时反馈给学生。学生在自主学习过程中遇到的问题也可通过自主学习平台与教师进行互动交流。在通过移动App微课进行课程学习的过程中，学生必须按照课程表顺序学习，在学习完当前课程之后，才能解锁下一课程，进入下一课程的学习。这种教学模式极大地发挥了信息化教学资源的优势，使学习能力强的学生能够获取更多的知识，帮助学习能力差的学生理解课程教学的内容，提高了学生的创新能力和自主学习能力，是能有效提高教学效率的一种教学模式。

当然，翻转课堂并不适用于本课程的所有章节，中职Web前端开发课程中的个别重点章节知识难度比较大，学生理解起来比较困难。同时，我们在基于微课的翻转课堂的实践过程中发现，由于中职学生的学习自觉性不高，再加上教师无法实现实时监督，存在监督不到位的情况，因此，本课程的个别重点章节仍旧需要教师通过课堂教学进行详细的讲解，与翻转课堂形成互补，最大限度地提高教师的教学效率。

2.以情景模拟增强职业代入感，促进职业技能的培养

“1+X”证书制度制定的目的在于通过这个制度“解决长期以来职业教育与经济社会发展不够紧密的问题，深化复合型技术技能人才培养模式和评价模式改革”。在中职Web前端开发课程的教学中运用情境学习理论，通过模拟企业情境帮助学生培养职业技能，与“1+X”证书制度制定的目的不谋而合。情境学习理论认为知识如同生活中的工具，必须通过使用才能了解它们，如果脱离具体的实践环境，认知能力难以真正形成或即使形成也没有用武之地，知识的学习要以形成个体参与实践活动的能力为目的。同时，教育是为满足学生以及团体的现实社会需要服务的。因此，在中职Web前端开发课程的教学中，我们可以结合学生的专业特点，根据学生的具体情况，对教材的内容进行分析、加工，为学生创设贴近职场的情境，引导学生积极参与课程学习的实践，突出学生职业技能的培养，促进学生职业素质的养成。比如，在“表单相关元素和属性”这一节的教学中，教师将实训案例设计为：某财务公司需制作一个记账网页，现要求学生分为若干小组为该公司完成这一项目任务，届时公司将从各小组中挑选出最优秀的作品，该作品也将正式被选用为公司的记账网页。通过模拟企业情境进行课程教学，实现了学生之间的竞争，不仅激发了学生的学习兴趣，还大大增强了学生的职业代入感。

3.以信息化平台模拟考试氛围，保证学生的考试通过率

“1+X”证书制度的考核方式分为理论考试和实践考试，只有理论考试和实践考试都取得合格以上成绩的学生才能取得相应的证书。为帮助学生顺利通过考试，我们创建了模拟考试平台。在参加证书过级考试前，学生登录学校的模拟考试平台进行自主模拟测试，学生测试结束后平台将会根据学生的答题情况进行自动评分，并筛选出学生答错的题目归入该生的错题本中。学生再根据自己的错题去复习相应的知识。对于学生通过自主学习还是无法理解的题目，可通过平台发送给教师，教师将全班的错题情况进行汇总后，再以直播的方式对错题进行讲解，引导学生归纳、总结知识点。通过信息化平台模拟考试的方式方便学生学习，帮助学生及时掌握知识点，对于那些学习能力较差、知识掌握不够扎实的学生，还可以通过无限次循环播放进行查缺补漏。如此循环往复，最终学生将理论基础知识与实践技能融会贯通，最大限度保证了学生的证书考试通过率。

三、结语

基于“1+X”证书制度背景下的中职Web前端开发课程教学改革，要结合学校实际、企业的岗位需求以及学生的个性差异，才能更有效地实现专业课程教学活动，从而保证教学改革实施的质量。“1+X”证书制度改革，为提升中职Web前端开发课程的教学水平带来了契机，我们应该抓住这次提升教学质量的机会，积极探索先进的教学方法来服务学生，选择适合学情、校情的教学手段，不断提高中职Web前端开发课程的教学水平，从而为社会培养一批拥有扎实的专业技能，能够适应职业岗位需求的专业人才。

参考文献：

[1]張志敏.1+X证书制度下HTML5课程教学改革与实践[J].福建茶叶，2019（10）.

[2]程伟.中职《JavaScript网页开发》课程教学研究[J].才智，2010（16）.

[3]毛少华.职业院校实施“1+X”证书制度的现实困境与应对策略[J].当代职业教育，2020（1）.

[4]刘锐，王海燕.基于微课的“翻转课堂”教学模式设计和实践[J].现代教育技术，2014（5）.

[5]钟晓流，宋述强，焦丽珍.信息化环境中基于翻转课堂理念的教学设计研究[J].开放教育研究，2013（1）.

[6]李姗.基于微课的翻转课堂教学模式实践研究：以《Photoshop平面设计课程》为例[J].当代教育实践与教学研究，2015（12）.

[7]李吉林.情境课程的操作与案例[M].北京：教育科学出版社，2008-10.

[8]冯卫东，王亦晴.情境教学策略[M].北京：北京师范大学出版社，2010-07.

编辑 王亚青