OBE理念下的Web前端设计课程教学改革

黄 灼

（海南职业技术学院，海南 海口 570216）

0 引言

社会发展、科学技术不断进步促使Web应用也越来越广泛，其中Web前端设计日益受到重视，社会需求大幅度增加。为改善教学效果，提高与社会需求的契合，传统的填鸭式教学已无法跟上时代步伐，需及时深化教学改革，优化教学方式、手段等，不断提高学生的学习兴趣以及实践能力。本文总结了Web前端设计课程教学的基本情况，并对OBE理念下的教学改革方案要点进行了分析，旨在为实际教学工作提供理论基础，适应新形势下软件工程人才培养趋势。

1 Web前端设计课程教学现状

1.1 教学目标

Web前端设计作为一门必修课，以往的教学目标主要是通过掌握、理解、了解展开描述，以此划分相关知识学习程度。在传统的教学目标设计上，仅注重知识的掌握，对于学生实践能力的培养有所弱化，这不利于学生实践技能的达成和提高，无法满足岗位实际需求。

1.2 教学模式

在Web前端设计课程教学时，以往多采用填鸭式的传统模式，学习效果并不理想，主要是以教师为主导，学生被动接受相关知识，只注重传授的过程，在自主思考、知识加工方面并未加以重视，也忽视了学生实际掌握程度。学生在接受知识的过程中，只需按部就班，完成相关学习任务即可。

1.3 教学内容

Web前端设计课程中涉及了较多基础知识，比如CSS样式、HTML语言等，但是忽略了前端框架技术的学习。与此同时，相关专业课程之间的衔接不到位，交互开发的案例不多，学生无法将后端开发、前端设计两个课程进行有机结合，限制了实际开发能力的学习，不利于知识向能力转化。

1.4 考核方式

目前，部分教师仍选择传统的考核方法，即在课堂授课后进行统一笔试，同时以理论知识考查为主，缺乏对实践能力的考核。正是由于这种考核方式，大部分学生也会忽视实践技能的培养，认为只需认真听课、复习，便可在期末笔试中获得高分，这也导致学生虽然笔试成绩不俗，但是实际问题解决能力较弱。

1.5 教学总结

一般情况下，需要在每次课程结束之后，及时撰写教学总结，其中包括教学建议。而在实际过程中，后续教学无法落实教学建议，导致持续改进闭环缺乏，相关工作流于形式。此外，课程教学结束之后，也未对学生实践能力展开评估，无法通过评估结果提供学习预警等作用。

2 OBE理念的优势

学习Web前端设计课程时，还需要掌握工具应用、团队协作、问题分析等能力，不仅需要注重理论知识的学习，也需要注重实践技能的培养，比如团队协作、问题分析等，应以学生为中心，以目标为导向，探索教学改革方法，从而提升教学效果和水平。引入OBE理念，开展课程教学改革，具有以下几点优势。

2.1 提高学生学习积极性和能动性

在OBE理念下，学生是教学活动中的中心和主体，也是教学的对象和目标，更是学习理论知识和相关技术的主体，通过任务式教学驱动，能够在一定程度上促使学生主动学习，提高其主观能动性。

2.2 充分发挥教师教学引导作用

基于OBE教学理念，在实际教学过程中，教师已从传统的主体地位，向主导地位转变，其教学定位已经发生了彻底改变。教师不仅是课程的具体设计者，也是实践效果的评价者，更注重课程任务引导作用，全面把控教学进度。

2.3 培养学生问题解决能力

进行Web前端设计课程教学时，以成果导向为主线，在整个教学过程中强调教学任务，基于成果导向，评估教学和学习效果，通过任务式教学，能够针对性培养团队协作、问题分析等能力，实现教学活动目的。

3 OBE理念下的Web前端设计课程教学改革方案

3.1 优化教学目标

在Web前端设计教学过程中，引入OBE理念，首先应强化顶层设计，改变传统只注重理论知识学习的情况，明确课程培养能力[1]。根据对企业、毕业生以及在校学生的调研结果，结合学校办学宗旨、定位以及人才培养方案，考虑企业用人情况以及当今社会需求等各种因素，共同探讨、分析Web前端设计课程，优化教学目标，便于满足毕业能力要求，并进行相应细化，注重实践技能的培养，比如利用前端知识完成Web页面设计，结合实际需求自主学习新方法和新技术等。

3.2 重构教学内容

根据相关技术发展情况和社会需求变化，针对性进行学生能力培养，加强与企业之间的合作，共建课程教学，优化相关内容和案例[2]。进行教学活动时，注重前端框架的应用，合理使用实践里，加深教学内容与社会需求的联系。与此同时，采用理解、实践相结合的模式，重构教学内容，增强前导课程、后续课程、Web前端设计课程之间的联系，其中前导课程主要包括数据库应用，后续课程主要包括动态网页设计，进行有机结合以及合理整合，构建新的课程体系，以实现教学目标为基础，开展系列教学活动，尽可能实现毕业要求，有效提高学生实践技能。

3.3 完善教学模式

在开展教学活动过程中，合理改进教学模式，优化教学方法，比如引入社会在职的专业工程师进行教学，推行双师同堂的模式。与此同时，采用信息化技术手段，进一步丰富教学形式，也有利于满足学生的学习需求，提高其学习兴趣，比如建立课程网站等在线学习方式，通过线下授课、线上学习相结合的方式，不断促使知识传授转变为能力培养[3]。在每节课程中，均需注重实际能力的培养，通过小组讨论、案例分析等模式，开展课前、课中、课后的系统性教学，课前进行在线自主学习，并完成学习效果测试，课中展示部分学生作业，营造良性竞争的氛围，对于重点难点内容借助小组讨论、实际案例分析等模式，进行互动教学，进一步提高学生学习效果，课后通过完成学习任务，进一步巩固、拓展相关知识。不断完善、优化教学模式，教师也能够通过平台分析学生线上学习情况，并进行教学总结，精准分析，便于开展学习预警、辅导，进一步促使能力培养达成。

3.4 改进评价方式

在教学效果评价方面，需注重能力达成情况的分析，并构建持续改进闭环。课前结合实际情况设计具体的评价方式，细化评价内容、依据、方法以及考核标准，并由课题工作组共同讨论考核方法的合理性，并进行相应优化。同时，对各个环节的评价标准进行完善，包括期末考核、作业以及实验考核，侧重实践技能达成。课中主要是理论教学，在网络平台记录下，分析学生课前、课中、课后相应的学习情况和数据。在实验教学方面，则主要从实验前预习、实验操作以及报告撰写等方面进行评估。进行期末考核过程中，改变传统纸质考试，选择上机考试的方法，能够进一步突出Web前端设计能力的考核[4]。课程结束后，根据教学过程中收集的相关数据，进行定性、定量分析，考察教学目标达成情况，并制定持续改进计划，形成目标达成报告，便于为后续教学改进提供指导，达到持续改进教学效果的目的。此外，教师还应分析学生个体的情况，便于开展针对性的指导，强化学习效果的持续改进，确保学生能力达成。

4 结语

OBE理念属于新型教学理念，与传统教学以教师为中心不同，此模式主要是以学生为主体，侧重学生实践能力的培养。在OBE理念下，进行Web前端设计课程教学改革，坚持以社会需求为核心，保证学习内容的多样性，在传授理论知识的同时，为学生提供与职业相适应的教学活动，培养其问题分析、团队协作等能力，不断提高自身综合素质。此外，融合项目导向，通过案例教学、线上学习等方式，充分发挥教师引导作用，改变传统单纯填鸭式教学的模式，优化相关评价方式，也能够进一步调动学生的学习积极性和主动性。