基于成果导向教育理念的“Web前端基础”金课建设

唐彩虹，曾凡涛

（广东轻工职业技术学院，广东 广州 510300）

0 引言

“1+X”证书制度旨在拓展学生的就业技能，与学生就业导向和终身发展需求紧密相连［1］。Web 前端开发“1+X”证书重点强调了前端新知识、新技能的学习能力以及创新创业能力。这些要求源于前端开发领域知识的快速更新和内容的广泛涉猎，因此，从事前端开发的人员必须具备强大的自学和知识迁移能力。互联网产品的快速发展也对从业人员的创新能力提出了更高要求。值得注意的是，金课标准的高阶性、创新性和挑战性也旨在培养学生解决复杂问题的综合能力和高级思维，与“1+X”证书的要求不谋而合。

“Web 前端基础”是针对数字媒体技术、软件技术、计算机应用技术等专业的大一学生开设的一门专业基础课程。通过课程学习，学生能够熟练运用超文本标记语言（hyper text markup language，HTML）和层叠样式表（cascading style sheets，CSS）制作标准化布局静态网页，掌握CSS3 动画制作，并具备使用弹性盒子Flex 和Bootstrap 框架制作兼容各种终端的响应式页面的能力。该课程是Web 前端开发“1+X”证书的主要考核内容。

在关于Web 前端开发课程与证书对接的研究中，文献[2-3]提出了根据“1+X”证书技能等级标准对课程内容进行重构的必要性。文献[4-6]则提倡采用成果导向教育（outcomes-based education，OBE）理念，将“1+X”证书中的知识技能要求转化为成果呈现形式，以优化课程评价方式。然而，若仅局限于更新教学内容，改革后的课程往往停留在传授知识点并在考前进行集中辅导的水平上。

本文基于成果导向教育理念进行课程改革研究，重构三层次递进式教学内容，开展以项目为导向的混合式教学，帮助学生掌握“1+X”证书所要求的相关知识和技能，以推动金课建设发展。

1 基于OBE理念的金课设计

OBE 理念以学生为中心，以学习成果为导向设计教学，其目的是从学生知识、能力和素质提升的角度开展教学［7］。金课标准的内涵则体现在高阶课堂、对话课堂、开放课堂、知行合一、学思结合这5 个方面［8］。因此，OBE 理念与金课标准高度契合，两者相辅相成。

“Web 前端基础”课程改革以OBE 理念为核心，融合金课标准和“1+X”证书技能等级标准。通过设定能力成果目标、实现目标以及评价这3个环节，持续改进课程教学，进而实现金课建设。

1.1 成果目标设定

基于OBE 理念的逆向设计原则，结合互联网企业对Web 前端开发岗位的需求以及Web 前端开发“1+X”证书职业技能等级标准，明确学生毕业要求。在此基础上，结合金课标准，确立学生在学习完“Web 前端基础”课程后应具备的能力成果目标，如表1所示。

表1 课程能力成果目标

1.2 三层次递进式教学内容及学习成果设定

根据课程目标，采用三层次递进式教学，以满足金课要求。首先是课堂探索型任务，其内容贯穿课程中的所有知识点，同时涵盖课程思政。在教学过程中，以一个中国传统文化网站项目为主线，将课程内容分解为7 个教学子任务，依据Web 前端开发岗位的工作流程，通过混合式教学法引导学生进行小组探究学习，培养学生的问题分析能力和团队合作能力。布置作业时，要求学生设计并完成一个企业网站项目，教师给出企业网站的复杂度要求，鼓励学生发挥创意，以实现课程内容的创新性。最后，基于广东省技能大赛融媒体内容制作赛项的样题设计学期末的实训内容，以增强课程内容的挑战性。三层次递进式教学内容如图1所示。

图1 三层次递进式教学内容

基于能力成果总体目标，结合教学内容，确定学生完成每项任务后预期达到的具体学习成果，并作为考核依据。三个层次的教学内容相互衔接，学生通过逐层深入、由浅入深的方式完成特定内容的学习，最终实现课程能力目标。具体的预期学习成果如表2所示。

表2 教学任务内容与预期学习成果目标

2 以项目为导向的“六位一体”混合式金课教学实施

为了有效实现学习成果目标，采用了以项目为导向的“六位一体”混合式教学法，并将金课标准的内涵融入其中。以项目的实施过程为主线，通过“预备、补充、引导、探究、实践、拓展”这6 个步骤引导学生自主构建知识，培养其自主学习、团队协作以及分析问题、解决问题的能力，促进学生知识迁移能力的发展，从而提高学生的就业能力。

2.1 课前预学

课前，教师通过在线课程平台发布任务导学单。导学单详细说明了子任务的要求和相关知识清单，每个知识点都附有相应的微课链接，以引导学生独立完成相关知识的预备学习，并在线完成对应的测试题。

2.2 课中研学

课中研学主要包括4 个环节：“补疑难”“引任务”“探思路”和“练代码”。在“补疑难”环节，教师首先解答学生在课前测试中出现较多的问题，并通过一些综合性练习加强学生对重点和难点的理解，为后续任务打下坚实基础。在“引任务”环节，教师详细介绍中国传统文化网站子任务的要求，并以中国传统文化为起点展开课程内容，培养学生坚持文化自信。在“探思路”环节，教师组织学生分组讨论子任务的实现思路，学生记录讨论过程中遇到的疑难问题。教师在各个小组间巡视，倾听学生的讨论，并针对疑难问题为学生提供引导和帮助。讨论结束后，学生提交思维导图，教师进行点评。在“练代码”环节，学生在确定实现思路的基础上，以小组分工的方式完成代码编写。完成子任务后，以小组为单位将作品上传至课程平台，教师进行在线评分。再次上课时，教师针对学生出现的典型问题进行讲解，并分享优秀作品。

2.3 课后拓学

课后，学生仍以原来的小组为单位完成大作业——创新型网站的制作。这是一个创新型的任务，教师不会提供网站效果图，学生需要自主完成网站界面设计和动画效果设计。教师会通过课程平台发布大作业的制作要求和参考网站，并设置该项目的阶段性提交时间节点。即便没有设计基础，学生也可以借鉴其他网站，并发挥自己的创意来制作网站，但需要足够的创作时间。大作业是每个学生必须完成的课后任务。此外，教师会通过在线课程平台发布课后拓展学习资料及相关练习，学生可以根据个人情况自行选择是否完成。

3 基于OBE理念的成果目标评价

OBE 理念认为，重要的不是课程内容本身，而是学生是否能够达到预期的学习成果。因此，“Web 前端基础”课程强调对学习成果目标的考核，并根据考核结果评估课程目标的达成程度。

3.1 课程目标考核

课程目标考核以混合式教学过程中的形成性评价为主。考核环节包括课前线上测试、课堂探索型任务实现、课堂小组讨论和课后创新型任务实现。

课前线上测试环节针对课程目标3 进行考核，通过客观题评估学生利用在线课程平台自学基础知识的效果，成绩将通过在线课程平台导出。课堂小组讨论环节主要针对课程目标2 进行评价，学生互评和教师评价各占50%，学生之间的口头讨论情况是组内互评的主要依据，而教师评价则基于课堂巡视期间与学生的交流情况、学生对疑难问题的书面表达情况以及思维导图的质量情况。探索型任务实现环节通过对7 个子任务的目标完成情况进行评价，主要针对课程目标1 进行考核，其中组间互评占40%，教师评价占60%。创新型任务实现环节涵盖所有目标的考核。在学期末，教师组织学生现场汇报企业网站的完成情况，并设置答辩环节，评分比例与探索型任务的评分比例相同。课程目标在各考核环节分数占比情况如表3所示。

表3 课程目标在各考核环节分数占比情况单位：%

根据表中的数据可以得出，课程目标对学生的专业技能、自学能力、沟通能力和创新能力进行了全面的评估。最终学生的期末成绩由这4 个方面成绩的加权平均值确定。

3.2 目标达成情况评价与分析

OBE 培养模式中课程达成度的评价结果是质量反馈环节的重要数据，对教学设计、教学管理和持续改进都具有重要的指导意义。课程目标达成度是该课程目标的得分加权平均之和除以该课程目标的总分所得到的值。

例如，探索型任务平均分为82 分，创新型任务平均分为86分，则课程目标1的达成度计算公式为：

以此类推，课程目标2的达成度为0.761，课程目标3 的达成度为0.820，课程目标4 的达成度为0.860。

通过对课程目标达成度进行分析，可以得出结论：目标2 的达成度偏低，主要原因是大学一年级的学生在口头和书面表达能力方面存在不足，尚未掌握专业问题的表达技巧。在下一轮的课程教学中，应进一步加强学生表达能力的训练。例如，在课堂上增加开放式提问环节，鼓励学生发表自己的观点和想法，展开多样、深入的思考和讨论。目标1 和目标3 的考核成绩同时反映出部分学生在网页内容定位方面掌握不足，教师可以制作动画形式的微课，作为线上资源的补充，以形象化的方式帮助学生更好地理解定位方式。此外，目标4 的达成度反映出学生创新能力不足。教师可以通过在线教育平台推送前端新技术的有关内容，并在课堂教学中引导学生关注新的网站设计作品，以增强学生的创新意识，逐步提高学生的创新能力。

4 基于OBE 理念的“Web 前端基础”金课应用效果

随着金课不断改进，学生的综合素质明显提高，在各个方面都有出色表现。学生报考Web前端开发“1+X”证书的通过率逐年上升。2020 年学生报考初级证书和中级证书的通过率分别为86%和60%；2021年学生报考初级证书和中级证书的通过率均达到了100%；2022 年和2023 年学生报考高级证书的通过率分别为70%和84%。

学生在各项重点赛事中也取得了优异成绩，其中，在创新创业大赛中获得了6项省级奖项和3项国家级奖项，在省技能大赛以及金砖国家技能发展与技术创新大赛中也多次取得了二等奖以上的成绩。另外，专业建设在证书试点工作方面表现出色，学院承办了2次Web前端开发“1+X”证书试点专业带头人培训班以及4次Web前端开发“1+X”试点专业带头人培训会议。

5 结语

将OBE理念运用到高职院校“Web前端基础”课程的教学改革中，课程内容以金课标准为参照，教学过程以项目实施为主线，并采用线上线下混合式教学来促进学生高级能力的发展。学生的成绩评定以成果目标评价为依据，主要衡量学生能力的发展水平，这不仅包括学生课程知识点的应用能力，还包括学生的可持续发展能力，即未来职业生涯发展的能力。课程通过目标达成情况评价结合教学反馈来持续改进，在提升教学质量的同时提高了学生的实际能力，实现了课证融通，为学生职业能力的可持续发展奠定了坚实基础。