基于成果导向的高职JavaScript 程序设计课程教学改革探索与实践

摘要：OBE教育理念的核心为“成果导向”“以学生为中心”及“持续改进”，聚焦学生成果，考虑学生需求，持续优化教育质量，对高等职业教育具有深远的意义，特别是在当前工程教育认证的背景下，OBE教育理念强调学生运用知识解决实际工程问题的能力，与认证目标高度契合，以高职院校计算机应用技术专业核心课“JavaScript程序设计”为例，对课程目标设定、教学内容优化、教学方法创新、评价体系完善等方面进行探究。教学实践表明，实施新的教学改革措施对于促进学生达成预期学习成果，以及实现个人能力的全面提升具有显著效果。

关键词：成果导向；JavaScript；教学改革

中图分类号：G642文献标识码：A

文章编号：1009-3044（2024）35-0140-03开放科学（资源服务）标识码（OSID）：

0引言

成果导向（OBE）教育自1981年由Spady首次提出，至今依然被视为追求教育卓越性的正确路径。其核心理念在于依据行业实际需求确立明确的学习成果，再以这些学习成果为导向，反向推动教学设计的优化，教学过程中充分尊重个体学习者的差异性，强调以能力培养为核心[1]。这一教育模式有效地解决了传统教育体系与行业需求脱节的问题，实现了教育与行业需求的紧密结合。反观传统的JavaScript课程教学，存在以下不足。

1）教学内容枯燥。

JavaScript作为编程语言，学习难度较高，高职学生的知识储备相对薄弱，学习能力尚待提升，在一定程度上增加了学习JavaScript的难度。若教学内容仅局限于书本上的概念和语法，缺乏生动的案例和实例，学生会感到枯燥乏味，难以保持学习的热情和兴趣，在理解其核心概念和应用场景时颇具挑战，这会制约学生实践能力和创新思维的发展。

2）教学方法单一。

传统的JavaScript课程教学方式以“教学讲授—学生练习”为核心，过度强调理论的教学方法会让学生感到枯燥乏味，难以有效激发学生的学习热情与主动性。这种教学方式学习效率不高，会限制学生的全面发展与创新潜能的挖掘[2]。

3）评价考核不合理。

在现行的教学评估体系中，常用的评估手段主要考勤、实训作业、期末笔试等，这些评价方式在全面衡量学生的实践能力和创新潜力方面展现出了一定的局限性，为了更准确地反映学生的综合素质和能力发展，需要进一步探索和优化评价体系，以确保教学评价更加全面、客观和有效。

课程改革对培育具备高素质技能人才具有至关重要的影响。鉴于JavaScript程序设计在计算机应用技术专业中的重要地位，本文旨在将成果导向教育理念融入该课程的教学实践中，实施具有针对性的教学改革，以确保教学质量的提升，进一步优化学生专业技能的培养，以满足行业发展的需求。

1JavaScript课程教学引入OBE理念

衢州职业技术学院计算机应用技术专业为IEET国际工程认证专业，其教学宗旨聚焦于学生的学习成果。在此背景下，JavaScript程序设计作为该专业大一第二学期的核心课，其教学内容紧密承接先前的Web开发基础课程（HTML5+CSS3），并为后续课程如Vue.js前端框架技术和前端开发实训奠定坚实基础。此外，该课程与学生技能竞赛的参与紧密相连，对于培养学生解决Web复杂工程问题的能力具有关键意义。鉴于其在整个课程体系中的桥梁和引领作用，下面对该课程从教学目标设定、教学内容优化、教学方法创新、评价体系完善等方面进行探究，以确保教学效果与质量。

1.1基于OBE的教学目标设计

OBE教育理念着重于学生本位，通过专家深入论证及企业对岗位需求的深入调查，全面考量学生的实际需求，从而制定出JavaScript程序设计教学目标（学习成果），具体如表1所示。

1.2基于OBE的教学内容优化

基于OBE教育理念，学习内容的构建应当紧密围绕课程设计的预期学习成果展开，确保教学内容的组织与既定目标相契合。教学内容分为基础篇、进阶篇和实战篇三大阶段，具体教学内容及教学案例如图1所示。

1）通过引入实际案例并融合课程思政内容，以专业能力的全面培养为核心，紧密围绕Web前端开发技能人才培养的既定目标，精心策划每个教学模块的教学案例，确保知识和技能的有机融合。

2）将实践教学增加至40学时，理论和实践全部安排在机房内实施，教师将理论知识融入实践环节中，采用启发式、引导式的教学策略，对项目案例进行深入剖析和详细讲解，提出基础性的解决方案。随后鼓励学生独立操作练习，并在小组内展开讨论，以发掘并提出更为优化的解决方案。在此期间，教师巡回指导，对于表现优秀的学生，让学生示范广播，主动展示其编程的思路与过程。在交流互动中，让学生感觉自己的能力得到认可，增强信心，进一步提升学习热情和积极性[3]。

综合实战教学共6学时，小组合作开发一个工业网站，跨度为2周，项目按照“思路梳理→功能设计→分工合作→编码开发→功能测试→项目提交”流程进行。

1.3基于OBE的教学过程改革

成果导向教育强调以学生为核心，职业能力培养为导向，实施差别化的教学策略，以满足不同学生的个性化需求和发展潜力。本课程采用线上线下混合式教学，融合“教、学、做”三位一体的教学模式[4]，以“做中学，学中做”为主线贯穿整个教学过程，具体分为课前探索、课中实施、课后拓展三个环节。以综合项目实训为例，阐述具体教学实施过程。

1）课前：预新知。通过学习通平台推送预习资料，上传素材等。让学生明确实训任务，并根据任务进行分组，引导学生自主探究，培养其自主学习能力。利用学习通平台进行在线测试，以评估学生的学习成效，为后续教学提供有针对性的指导。

2）课中：①导任务：让学生明确网站的业务需求，分析网站的目标用户，以及网站需要实现的主要功能，学生小组内分析任务并探讨任务需求及难点。②究方法：学生就怎样设计网站的架构，如何编写高质量的代码，及如何进行网站的测试和优化等方面进行探究。③测技能：小组分工合作，使用JavaScript编写网页交互逻辑，实现网站的前端功能，包括操作DOM元素，处理用户事件，使用AJAX与后端服务器进行数据交互等，教师对小组进行个性指导，并辅助学生调试错误。④评结果：小组答辩，每个学生分享交流自己的负责的页面，阐述设计思路、开发过程、创新点等，教师根据学生完成效果进行评价和反馈，并设置奖励积分给予表扬和鼓励。⑤理结论：师生共同对网站开发的技术难点进行梳理和总结，JavaScript作为核心编程语言，必然涉及多种关键技术的运用，问题解决策略等。

3）课后：拓视野。学生利用“高技能创新工坊”，直接和企业导师参与实际项目。此外，鼓励学生参加Web技术相关的职业技能大赛，如“移动应用开发”“应用软件系统开发”“软件测试”等。学生在竞赛中深化了专业技能的掌握，同时还能获得相应的荣誉和奖金，通过比赛提升自己的核心竞争力[5]。

为了让每个学生参与课堂，在每个章节设置游戏闯关，确保学习内容循序渐进。在学习通平台设计7个关卡，每关分两个阶段：自主学习阶段，学生观看视频并积累分值；在线测验阶段，学生须按时完成测试。两阶段分值均须达60分以上才能通关，以此来激发学生兴趣，提升教学效果。

1.4基于OBE的考核评价设计

基于OBE教育理念的课程考核评价，其核心目的在于准确评估学生学习成果的达成程度。本课程采用过程性考核和终结性考核相结合的方式，学期总评成绩=过程性70%（平时成绩55%+项目实战15%）+期末考试30%，以确保评价的全面性和准确性。

过程性考核主要考查学生出勤状况、课堂互动积极性、章节过关测验的成效、实训作业的完成情况、期中测试以及项目实战与答辩的综合表现。在项目实战及答辩环节，除了教师层面的评价，还融入了学生自评、组间互评及企业导师助评等多重评价机制。借助过程性考核的实施，教师能够实时追踪学生的学习进展，确保在阶段性评估中及时发现教学中的不足并进行调整。

终结性考核以期末测试为主，全面检验学生对理论知识和技能的掌握程度和应用能力，具体考核方式及比例如表2所示。

2课程教学改革效果

从教师所带的计算机应用技术专业2101班、2301班两个班级来看，共计96人参与考评，使用学习通平台问卷调查功能，评估学生在课堂参与度、自学能力、团队合作、问题解决能力及课堂满意度等方面的表现，同时统计了课程改革实施前后的学生成绩，如图2所示。

通过改革前后2101班和2301班对比，改革后的学生总评成绩呈现出显著的上升趋势，课堂参与度及满意度实现了大幅度提升，这有效激发了学生的学习热情，促使学生更加主动地投身于学习之中；学生的自学能力得到了显著提升，学生在学习过程中能够更好地展现出主观能动性和自我驱动力。同时，在提高学生团队合作及问题解决能力方面也取得了实质性的进展和成效。此外，在挑战杯、应用软件系统开发、软件测试等竞赛中，从最初仅有少数人的参与，到现在全班大部分学生都表现出浓厚的兴趣与热情，学科竞赛成绩也实现了质的飞跃，由原来的省级三等奖进步到国奖，充分展示了学生们在专业技能和综合素质方面的显著提升。

3结束语

通过OBE教育理念的引入，对JavaScript程序设计课程实施教学改革具有显著的重要性，对明确课程学习目标、优化教学内容、精细设计教学环节、完善考核评价方式提供了明确的指导方向，经过两年的教学实践验证，改革后的课程显著提升了学生的学习热情和积极性，有效提高了学生的实践能力和创新能力。学生在完成项目的过程中，能够深入了解当前前端开发的市场需求和趋势，为其未来的职业发展奠定了坚实的基础。展望未来，将持续在课堂教学和课程建设上进行深入的探究，将OBE理念与其他教学方法相结合，致力于培养出更多能够适应当前社会需求、技能技术精湛的高素质技能人才。

参考文献：

[1]霍聪.成果导向法在高职课程教学中的应用：以JavaScript技术课程为例[J].现代职业教育，2021（23）：52-53.

[2]麻少秋“.互联网+”时代下JavaScript程序设计信息化教学探究[J].软件，2021，42（3）：55-57.

[3]于营，刘小飞，杨婷婷，等《.Web前端技术》课程教学改革与实践[J].农家参谋，2020（15）：130-131.

[4]李娟，李宏博，苏丹，等.Web前端开发课程项目式教学改革与实践[J].高师理科学刊，2022，42（10）：78-81.

[5]高晓宇，吴春祥，任利敬.高职院校JavaScript课程教学改革探索[J].电脑知识与技术，2023，19（31）：148-150.

【通联编辑：朱宝贵】

基金项目：衢州职业技术学院2021年校级课程群建设（书证融通）项目（编号：SZRT202102）