“1+X”证书制度下Web 前端开发模块化课程体系研究＊

王瑞芳，唐 林，马平安

（兰州资源环境职业技术学院，甘肃 兰州 730020）

1 引言

2019 年1 月，国务院印发了《国家职业教育改革实施方案》（国发[2019]4 号）[1]，即“职教20 条”，明确提出“1+X”证书制度，职业院校学生不仅要取得相应的毕业证书，还要具备相应的职业岗位综合素养和技能水平[2]。在“1+X”证书制度指导下，把学历证书和职业技能等级证书结合起来，是当今职教改革的一大亮点，也是重大创新[3]。自《试点方案》发布以来，兰州资源环境职业技术学院积极准备，成功申报并获批成为首批“1+X”证书Web 前端开发职业技能等级证书试点学校，先后于2019 年12 月、2020 年10 月和2020 年12 月组织完成3 次“1+X”证书制度试点考试。

根据《Web 前端开发职业技能等级标准》规定，“1+X”证书Web 前端开发职业技能等级证书分为初级、中级、高级三级。初级等级证书持有者具有静态网页制作能力；中级等级证书持有者具有动态网页设计制作能力；高级等级证书持有者具有网站架构规划设计能力和复杂网页设计制作能力[4-6]。分析等级标准要求，分别对应不同的职业技能和工作领域，见表1。

表1 标准等级、职业技能和面向岗位群分析

根据《Web 前端开发职业技能等级标准》，兰州资源环境职业技术学院确定以计算机应用技术专业（Web 前端开发方向）为教学改革对象，探索学历证书与Web 前端开发职业技能等级证书有机衔接，将该专业的人才培养方案经过不断优化、整合后，构建并实践了“静态+动态+移动” 三模块线性递进、平面扩展的Web 前端开发模块化课程框架体系。

2 以Web 全栈方向人才培养为改革动力，推进“书证融通”进程

“产教融合、书证融通”是“职教20 条”中提出的重要人才培养模式[7]，将社会急需产业和技术人才紧缺领域中的职业技能等级标准贯穿于各大院校的人才培养方案中去，真正实现专业人才培养目标与职业岗位要求相统一，使教学内容、职业技能考试内容和职业岗位三者能够有机地融合，真正实现学生毕业学历证书+若干职业技能等级证书，从而构建“以就业为导向、以能力为本位”的一种赋能应用型人才培养模式。“书证融通”中“书”不仅代表高等教育学历证书[8]，也代表取得学历证书需完成院校的专业人才培养和专业课程，“证”即代表职业岗位能力要求和职业技能等级证书。“书证融合”指学校的人才培养与企业的职业岗位要求相融合、专业课程与职业技能相融合。

在“1+X”证书Web 前端开发证书试点工作进行的过程中，本学院将职业技能等级标准相关内容及要求有机融入计算机应用技术（Web 前端开发方向）专业课程教学，通过优化、整合、调整专业人才培养方案后，提出计算机应用技术（Web 前端开发方向）专业培养目标为“培养拥护党的基本路线，德、智、体、美、劳全面发展、具有良好的职业素质，具备扎实的编程技术，熟练掌握开发技术，能面向IT 互联网企业、互联网转型的传统企业事业单位、政府部门等从事Web 全栈开发的高素质技术技能人才”，如图1 所示。

图1 Web 前端开发培养目标

3 完善Web 前端开发高素质技术技能人才培养体系

要实现“产教融合、书证融通” 的人才培养模式，课程建设必须紧贴生产业需求，符合当下时代要求。在落实好立德树人根本任务的前提下[9-10]，应将“1+X”Web 前端开发职业技能等级标准融入到Web 前端开发专业课程体系中。为此，笔者提出了以Web全栈为培养目标，“静态+动态+移动”三模块线性递进、平面扩展的Web 前端开发教学课程框架，如图2 所示。

图2 “静态+动态+移动”三模块课程体系

本框架以初、中、高等级认证为线索，内容包括静态网站搭建、动态网站搭建和移动端开发3 个模块，模块之间以线性递进、平面扩展的方式将Web前端开发职业技能等级标准融入实际教学内容之中，并实现前一模块被包含到后一模块、教学内容逐步扩大升级的目标，同时在时间上兼顾学生考取职业技能等级证书的阶段性需求，从而比较完整地构建Web 全栈“书证融通”课程体系。

3.1 “静态+动态+移动”三模块关联关系

课程体系中以静态网站搭建为基础，动态网站搭建为核心，扩展移动端开发，构建Web 全栈开发的人才培养体系，如图3 所示。外层模块包含内层模块，外层模块的扩展以内层模块为基础。

图3 三模块关联关系

3.2 “静态+动态+移动”三模块课程关系

各模块所对应的主干课程在本模块内按照课程先行后继关系采取线性递进的方式在不同学期开设。课程内容的深度在各模块之间以平面扩展的方式不断地加深，以支持模块内容知识体系的构建。

3.3 “静态+动态+移动”三模块教学

在课程的实施工程中，充分考虑工学结合的育人机制，教学过程分为项目化过程教学和实训化生产教学两部分。项目化过程教学以项目分解任务知识学习和验证性实验为主；而实训化生产教学以真实项目为背景，设计、开发、调试等探究性实验为主，从基础知识和拓展知识两个方面，强化学生技术技能的积累，增强学生就业创业能力。

3.4 “静态+动态+移动”三模块考核

在提升专业技能的同时，兼顾Web 前端开发职业技能初、中级证书认证的需要，在第一学年的课程教学中融入Web 前端开发初级证书考核内容，帮助学生完成初级考试任务。在第二学年的课程教学中融入Web 前端开发中级证书考核内容，帮助学生完成中级考试任务，并扩展高级内容为学生的后续发展奠定基础。

4 推进Web 前端开发专业教学，深化“过程+生产”教学模式的课程改革

校企协同育人是“1+X”证书制度中的重要举措，也是推动职业教育改革，提升专业人才培养实力和学生综合职业能力的有效途径。在Web 全栈开发人才培养过程中，采取校企双主体方式，选取行业中3家代表性企业共同编制Web 前端开发专业人才培养方案，强化专业对接产业的服务功能。同时，教学标准和教学内容及时纳入行业的新技术、新工艺、新规范，及时调整专业内容，建立起校企共同参与的育人模式。

在Web 全栈“书证融通”三模块课程体系实施过程中，主干课程的项目化过程教学部分以校内专业老师为主体，企业人员为辅助，协同完成正常的课堂教学任务。项目化工程教学部分采用多个项目贯穿式教学，每个课程关联的技术点很多，在有限的时间内很难讲解全面，而通过项目植入到课程中，就可以筛选出实际应用的知识点重点讲解。另外，通过项目功能模块应用的技术反推出来的知识点，能让学生更容易理解知识点的应用，达到学以致用的目的，又可以举一反三，快速提高。也可以通过项目实战挖掘课程中没有讲到的新知识点，扩展应用的知识面。

在这一阶段，以课内小型项目为载体，启迪和引导学生学习基本的知识内容，构建学生主体的知识体系，积累Web 前端开发所需的基础知识，促使学生产生正确的认知方式和思维方式，从而为掌握Web 前端开发知识奠定扎实的基础。

实训化生产教学模块以企业工程师为主体教师，校内教师辅助完成教学任务。这一阶段的项目案例的设计以学生的知识模块为依据，引进企业的真实生产案例，在模拟生产环境下以“构思—设计—实施—运行”的生产方式完成项目实训任务。教学中的项目应用和实际企业项目还是有一些区别：第一，并不是项目越大、需求越复杂越好，因为用大项目教学会让学生感觉很混乱，难以分析清楚项目的来龙去脉和功能需求，有可能起到反作用；第二，教学项目需要使用学生比较常见的类型项目，这样的项目需求不需要过多的讲解，学生们也能分析清楚业务流程，可以把精力都放在功能实现上；第三，教学项目保留了企业项目的完整流程，比如开发流程、代码管理、团队合作等，但是也有一些超过企业项目的地方，例如在具体的一些项目模块基础上，会设想多情况扩展开发下去，为让学生接触到更多的知识点。通过项目实训，可以提高学生应用知识、分析问题和解决问题的能力。以企业优秀工程师的工匠精神培育学生的工匠精神，企业工程师对待工作的态度、处理问题的方式、分析问题的方法，对学生具有良好的示范作用。依靠严谨求实、精益求精的科学精神和工匠精神，塑造学生的职业能力和素质，实现培养高质量技术人才的培养目标。

5 总结及反思

Web 前端开发模块化教学设计方案通过分析研究“1+X”证书Web 前端开发技能等级证书内容，结合本学院当前计算机应用技术专业（Web 前端开发方向）人才培养体系，在实现高等职业教育高质量发展的要求下提出了以静态网站搭建为基础，动态网站搭建为核心，扩展移动端开发，完成Web 全栈开发的人才培养目标，并结合方案提出了具体的设计思想和解决方案。

当然，Web 前端开发模块化教学设计方案的实施需要学院从专业、课程、师资等多维度改革，加强改进教学体系建设。第一是课程，课程是专业的细胞，专业是课程的组合。因为课时和时间的限制，使在教学过程中基础专业课如Html5、CSS3、JavaScript等课程深度不够，不能达到中高级的要求，阻碍了后续课程学习进度；第二是教材，因为对课程的整合和调整，教材选取较为困难，增加了教师的授课难度也造成了学生学习的障碍；第三是师资，优化师资队伍结构，全面培养双师型高水平教学团队，是人才培养第一要素。专业内容的不断融合和更新，对教师提出了更高的要求，教师在不断地更新知识体系同时，需要有丰富的项目经验才能胜任当前的教学需要。