基于OBE 的项目驱动式Web 前端技术课程改革研究

朱红斌 丽水学院

引言

《Web 前端技术》作为一门培养学生网站前端开发能力的支撑课程，其在专业课程体系中的具有重要的地位，它是计算机科学与技术专业和数字媒体专业的一门专业技能必修课程，是 Web 前后端应用开发技术的前导课程。为了提高学生在 Web 前端的开发能力，改善课程的教学效果，欲将成果导向教育理念OBE，并结合项目驱动式教学方式应用在《Web 前端技术》课程的教学改革中，探索出一种恰当的培养学生职业技能的教学模式和评价体系。

1 OBE 理念

基于学习产出的教育模式（Outcomes- based Education，简称为OBE，由Spady 于1981 年提出，它关注的重点在于学生的学习成效，即学生真正拥有的知识、能力和素质。其学习产出驱动整个课程活动和学生学习评价的核心主旨，对于课程建设、课程改革等众多方面具有指导意义。

2 项目驱动教学

项目驱动式教学方法目前在工科类教学实践中普遍推广和使用，在教学设计上，以实际项目的开发作为学习载体，将知识的拓展于项目研究开发过程的迭代相结合，用项目研发的渐进思想，与知识构建的思路相对应地组织课程的教学内容。

3 Web 前端课程的教学现状

目前，Web 前端开发技术正处于发展的高峰期，现有的教学内容、方法、模式等改革迫在眉睫，原有课程的授课现状分析如下：

(1）教学方法过于传统

Web 前端课程按照我校教学大纲的学时设置为64，但是实际学时一般不到50，理论教学与实践教学都在机房完成。实际教学过程中，存在以下几个不可忽视的问题。

①课堂教学时间有限，授课教师在理论讲解、实践演示和任务布置的时间分配上难以把握平衡。讲解和演示的时间过长，学生完成任务的时间就可能不足。讲解和演示时间过短，部分基础薄弱的学生理解和掌握程度不够，将无法完成实践任务。

②传统教学方法按课程章节进行教学进度安排，每次课程完成相应的教学任务，这种教学方式会有学习断点，学生后期存在融会贯通的困难，难以系统化。

③传统的教学方式，学生是被动学习，缺乏主观能动性，是灌输性的填鸭式教学，学生很难根据自身的学习情况主动选择薄弱的知识点进行有目标的指向性学习。

(2）学生学习方式过于机械

大多数学生只按照教材内容和网络学习平台学习，按部就班，忽视应用能力的培养，缺乏工程实践应用能力和创新能力，这在一定程度上给教学效果带来了不利影响 。

(3）课程内容陈旧，和社会脱节较大

教学内容与市场需求没有紧密结合，导致学生感觉是纸上谈兵没有切实的开发体验，从而失去了对前端技术就业的信心。由于学生自身的原因，有些学生往往在学习中对教师依赖性强自主学习较弱，即便是任务驱动也会敷衍了事缺乏学习的主动性和兴趣。

(4）成绩评价方式有待完善

现有的课程成绩评定由考勤、作业、实验、期末作品等几部分成绩构成，虽然在一定程度上能体现学生对专业技能的掌握程度，但是这种成绩评定组成，缺乏激励及导向效果，也不能准确定位学生的薄弱点。

4 Web 前端课程改革内容

针对“大前端”环境下，学生所需学习掌握的前端开发技术较多，而课内学时远远满足不了教学需求的问题，拟将教学内容进行合理分解，设置课内和课外双学时的方式，丰富教学内容，提升教学品质。

(1）教学内容的分解规则及课内课外学时分配：基础性及简单知识点理论性教学内容，可通过校内的网络学习平台，由教师事先上传学习视频及相关学习资料，学生课外自主学习完成，并通过发布相关知识点作业的方式，对学生的掌握程度予以考评确认。这一部分学习时间设置为课外学时，建议为64+学时。

(2）前端主流开发技术及项目案例内容，在学生自主前置学习的基础上，教师在课内授课过程中，以具体项目驱动的方式，带领和引导学生通过迭代的开发方式，由浅入深，从易到难，完成具体项目的开发。在此过程中，完成前端主流开发技术及框架等内容的学习。课内学时，建议设置为48+。

(3）原有教学大纲中的教学内容需要根据目前前端开发的实际需求进行合理修订，补充完善新的知识体系，并去除部分老旧知识点，重新规划培养目标。

(4）基于OBE 及项目驱动，合理进行前端技术教学设计。

在计算机学科中，Web 前端开发技术是一门非常重要的专业课程，在新经济时代，我们应该从行业对前端开发人才的需求出发，采用OBE 教育模式理念对课程教学进行设计和重塑，形成以学习成效为导向的新型教学方案。

Web 前端技术在讲授核心知识点之外，与实践技能紧密相关的应用开发技术也是其重要内容，起到构建理论和实践的桥梁作用。我们与课程学习目标相结合，以前端技术的基本原理和应用开发能力为核心，结合当前最新的、最需要的主流前端开发技术和真实项目的教学案例重塑了教学内容，形成了如图1 所示的基本教学内容框架。

图1 融合基本原理和前沿技术的教学内容

在实际教学过程中，我们已经引入诸如京东首页、2048 游戏、TodoList 等实用项目案例。

(5）成绩评价体系的重塑

现有的课程的成绩评价体系有待完善，课程团队拟在后期的成绩评价体系中引入OBE 评价理念，构建课程学习目标评价体系，从多个维度进行系统化的全面评价，检验学生在知识、能力和素质方面所取得的学习效果。对每一阶段的学习目标进行细化，项目完成度作为重点评价指标，引入项目答辩方式，加权平均的方式给出学生最终总评成绩。

5 总结

通过基于OBE 的项目驱动式教学改革研究，我们将之应用到Web 前端技术课程中，重塑了该课程的教学内容，设计了具有典型应用场景的项目案例，大大提升了学生学习的主观能动性，激发了学生的学习积极性，培养了学生良好的团队合作精神和职业素养。