双导向模式下JavaScript编程技术课程教学改革研究

关键字：成果导向；行动导向；教学改革；JavaScript

0 引言

高等职业院校的软件设计专业，主要培养具备软件开发、设计、测试和管理能力的应用型人才而设立。软件技术专业是一个实操性比较强的专业，以能力培养为核心[1]，需要强化学生的实际操作能力培养，注重实践教学环节，加强与企业合作开展实习实训，使学生能够熟练掌握软件开发工具和技术，提升就业竞争力。本文选取高等职业院校软件技术专业为研究对象，结合网络教学平台，探索“成果导向+行动导向”教学模式下，JavaScript编程技术课程教学改革方法。课程任教教师通过网络教学平台提供丰富的学习资源和教学内容，使学生能够灵活地获取知识和技能。同时，教师还注重培养学生的自主学习能力和团队合作精神，通过项目实践、案例分析等形式，激发学生的学习兴趣和创新潜力，培养学生的专业技能和职业素养，强调学生的实际成果与行为表现。通过将成果导向和行动导向相结合，探索更好地适应高职院校学生的特点和需求的教学途径，促进教学效果的提升和学生综合素质的全面发展，使高职院校软件技术专业的学生能够更好地适应行业需求和自身发展需求，实现教学目标的有效达成。

1 双导向教学模式

1.1 成果导向

成果导向教学模式是一种以学习成果为中心的教学模式，核心是注重从社会需求出发，以专业成长效果为指导，围绕“应会什么，能做什么”关键点，培养学生的专业核心能力[2]。成果导向教学模式将学生的学习成果和能力培养放在首位，强调学生通过学习实现具体的目标和标准，注重学生的实际应用能力和综合素养的培养。成果导向教学模式相对于其他教学模式更加注重学生的学习过程和能力培养。

在进行成果导向教学改革中，需要各任课教师花费一定的精力设计多样化多形式的学习环境、学习途径和任务活动。学生可通过参与专业课程的各项教学活动和任务，激发学习动力，通过完成各项任务来培养各项能力。

1.2 行动导向

行动导向教学模式是职业教育的一种教学理念，其侧重在充分发挥学生的主体作用，教师通过任务或项目的设置，引导学生在课堂中积极参与实践、体验和行动，通过学生的主动参与来促进学习和知识点的掌握[3]。

在行动教学理念中，任课教师需要依据每一次课的教学内容，经过“谁完成任务？为什么要完成这个任务？完成这个任务需要哪些知识点？在哪可以学习掌握这些知识点？”[4]等问题进行任务设计和教学资源的建设。确保学生了解预期目标和为了达到目标需要了解哪些知识点，能通过课程教学平台，获取到知识点对应的学习资源。任课教师在课前、课中和课后能够收集到教学活动各个环节学生参与的数据和各类指标，基于学生的行为和表现，及时调整任务要求和指导学生的学习路径和方法，最大限度地支持学生的学习主动性。

成果导向教学侧重学生通过学习达到一定的成果和目标，而行动导向教学则注重学生在学习过程中的行为和方法。将这两种教学方法结合起来，可以在教学中更好地引导学生，使其在实现学习目标的同时，培养良好的学习行为和学习方法。

2 教学设计

JavaScript是基于对象和事件驱动的编程语言，兼具了函数式编程和面向对象编程的特性，同时操作性和实践性很强，在高职院校的软件技术专业中是一门必修课程。JavaScript编程技术课程的设置是网页设计与制作的后续与Web 前端程序设计的前导课程。旨在帮助学生掌握JavaScript 编程语言的基础知识和高级技术，能够在网页开发、移动应用开发等领域中应用JavaScript 进行程序设计和开发。本文以JavaScript 编程技术课程为案例，分析双导向教学模式的应用实例。通过双导向教学模式，激发学生的学习兴趣与参与度，提高学生实践能力和创新意识，从而提高学生的知识和技能内化处理能力，加强综合应用能力。

2.1 课程内容体系设计

JavaScript编程技术是将抽象的编程逻辑和可视化网页设计相融合的课程[5]。双导向教学模式下，课程聚焦高等职业院校学生职业能力，重构课程内容体系，以岗位能力要求为设计起点，反向倒推课程内容[6]。将教学内容对原有知识框架进行知识重构和扩充，Web前端技术开发必须掌握 HTML5、CSS3、JavaS⁃ cript编程基础、DOM和BOM及框架等相关技术并有机融合起来，组织成基础应用、中级应用和高级应用三大模块。在教学中弱化了知识的学科化理论体系和逻辑结构等基础理论的教学，强化工程性、实用性的知识点，将这些知识点贯穿融合到实践案例中，便于学生应用和掌握。同时结合JavaScript在企业中的实际应用，进行课程资源开发与建设，适度引入新技术及实际项目，扩宽学生视野和学习思路。课程的具体内容体系如图1所示。

将JavaScript编程技术课程内容分为三大模块，分别为基础应用、中级应用和高级应用。三大模块下根据知识点拆分为单元项目，再依据课程的职业能力目标，根据网页交互实际应用场景将其按照知识单元分解为任务，每一个任务的设置主要面向一个知识点，同时也是前面任务中的知识点提升与综合应用。JavaScript编程技术课程知识体系的重构，递进式的任务设置，主要旨在帮助学生建立起扎实的JavaScript 编程基础，并掌握一些高级的编程技术，从而能够在实际项目中应用JavaScript进行开发。

2.2 教学改革具体实施

具体实施时，通过学情分析，细化并确定教学单元所要达到成果和行动的量化目标。充分利用网络教学平台，打造结合理论知识进行操作实践内容为主、学生为主体、教师为辅的互动课堂，加强师生线上线下的交流。在课堂的互动中，教师作为课堂的资源提供者、组织者、引导者，根据单元的量化目标，精心设计具有一定真实情境的实践案例，提前发布学习任务，展示模拟案例。学生作为课堂主体，课前依据学习任务内容，自主查阅资料，分析任务需求，设计初步的程序思路，完成任务小实例，利用教学平台提交初步成果页面。课中，教师在课堂上将有代表性的作品演示和知识点讲解，引导学生对代表性实例的解决方案和实现流程进行评价，提出建议，总结完善作品程序思路，促进学生间的合作和竞争。再通过课堂重难点的分析，添加任务提升模块的要求，学生在课堂上进行再次完善修改程序。对于完成的精彩案例进行展示分享，形成积极、良好的交流氛围。课后，教师发布扩展性任务，完成融合创新创意的页面作品，加强学生对新知识的巩固和拓展。

以模块二项目三中的任务三“追随鼠标”为例，是“事件及事件对象”课程内容的具体任务，该任务内容是“响应鼠标事件及鼠标事件对象的交互页面设计”，需要4课时来完成。课堂教学设计以“成果导向”与“行动导向”为主线，结合网络课程教学平台，开展教学改革实施，具体的教学环节设计如图2所示。

课前发布小任务1鼠标单击响应交互小实例，课中总结有代表性的鼠标点击交互小程序的思路并提出思考“鼠标可以有哪些动作可以响应？”“如何编写同一个动作响应多个交互效果的程序？”（课堂重点：事件监听知识点）。教师针对事件监听知识点讲解分析，学生应用编写交互程序，教师答疑指导。课堂小任务2基于小任务1的基础上获取鼠标对象，并针对鼠标对象编写交互程序。小任务2的初级内容是获取并显示鼠标点击时的具体位置和鼠标在移动时的实时位置。目的在于训练学生在进行编写交互程序时需要先确定事件触发的对象及事件类型。小任务2的提升内容是设置一张小图片跟随鼠标的移动而移动，完成最终的“追随鼠标”的任务。该任务的完成不仅应用了JavaScript脚本语言，还需要结合CSS定位的知识点。小任务2的完善需要学生在课后利用空闲时间完成最终的任务效果，主要解决由于CSS定位设置问题产生的一系列bug，例如图片无法移动、图片移动后影响到其他元素、图片闪烁的问题等。通过系列小任务的完成，使学生熟悉和掌握DOM知识中事件及事件对象的知识应用。

通过“成果导向”的任务设计，激发学生的“行动导向”学习效果。课前的初步任务布置，激活学生的前置知识点，激发学生预习，并将预习的知识点和已掌握的知识进行融合加工，完成初步任务，初步掌握课堂知识。通过课中的理论知识讲解和任务技能升级，对课堂内容知识体系进一步完善和巩固、解决完成任务过程中所遇到的问题，并完成技能获取。课后的任务完善让学生根据个人知识框架拓展面给作品添加创新创意，加强学生的知识迁移，提高专业知识的综合应用能力，并对所学知识点进一步深度加工，强化学生的知识和技能内化处理能力。

课堂的每个任务都需要学生根据软件开发流程，进行需求分析、设计编码、功能优化、测试调试和运行维护等5个步骤。学生对每一个任务进行分析、构想、抉择、发现和归纳，进一步熟悉职业岗位流程，培养团结合作精神。通过这样的实践，学生不仅能够理论联系实际，提升实际问题解决能力，还能够培养自主学习和团队协作的能力，为未来职业发展奠定坚实的基础。

3 评价体系

基于双导向教学改革评价体系设置，需要既要考虑到教师的教学效果评价，又要考虑到学生的学习过程和学习成果评价，形成一个综合的评价体系。这种评价体系目的在于促进教师与学生之间的互动，鼓励教师更加关注学生的学习需求和学习进程，同时也激励学生更加积极地参与学习，提高学习效果。

JavaScript编程技术课程考核评价设计将成果导向和行动导向量化考核纳入体系中，课程最终的考核将学习过程和期末综合考核进行综合评价。课程评价=平时成绩（60%） +期末考核（40%） 。平时成绩的考核体系包含了成果导向和行动导向的评价结果。平时成绩=考勤（20%） +任务作品（40%） +学习效果（40%） 。学习效果是成果导向和行动导向的综合评价。成果导向和行动导向的考核细化到每一个任务活动中。学习效果的考核内容主要针对学生在任务中的综合表现设置量化考核项目，从学生的学习过程、学习意愿、各种能力和学习质量出发，设置学习积极性、学习挑战强度、学习主动性、解决问题能力，知识迁移能力、创新创意能力、综合应用能力等考核项目，分值从低到高为1至10分，评分如表1所示。对每一个评分项目进行平均分计算后，得出该学生某一项目的最终得分。

在双导向教学改革中，针对每个学生的各项能力进行评价，将评价结果以雷达图的形式呈现，如图3所示。雷达图可以直观地展示学生在不同能力方面的得分情况，帮助教师全面了解学生的学习情况，并及时采取措施进行个性化指导和支持。在这个数据可视图中，每个学生的每项能力评价分数均有所体现，通过雷达图的数据可视化呈现，教师可以一目了然地了解学生在双导向教学模式下各项能力目标的培养实现情况。图中的每个角代表一项能力指标，而每个角的长度则表示学生在该项能力上的得分情况。

在任课期间，教师可以随时查看每一位学生的效果评价综合分析雷达图。这使得教师能够及时了解学生的学习状态和发展情况，为学生提供个性化的学习指导和支持。通过对学生的学习效果进行综合分析，教师可以及时帮助学生调整学习方法或状态，使他们更好地达到各项能力目标，从而提升整体教学质量和学生成绩。

4 结束语

随着信息技术行业快速发展，软件专业面临着人才培养需求与市场需求不匹配的问题。为应对这一挑战，针对高职院校软件技术专业实施双导向教学模式改革。双导向模式教学改革意在平衡专业技能培养与综合素质提升，使学生既具备实际操作能力，又具备创新意识和职业素养。双导向教学改革的课堂上，由小任务的导入引导学生带问题进入课堂，学生自主学习能力有所提升，学习专注力更高，通过教师有针对性的引导，学生拓展课堂知识点，持续挖掘创新创意深度。双导向的教学实施不仅有助于软件技术专业人才更好地适应市场需求，提升就业竞争力，同时也促进了学生全面发展和行业创新发展，为软件技术专业教育注入了新的活力。