高职院校JavaScript课程教学改革探索

高晓宇 吴春祥 任利敬

摘要：为了培养学生的专业技能、创新能力和实践能力，对高职院校的JavaScript课程进行教学改革是十分必要的。通过分析目前JavaScript课程教学存在的问题，提出优化教学内容、改变教学方式和采用多元化的评估方式等教学改革措施，并对JavaScript课程教学改革进行了深入研究和探索。实践的结果表明，采用新的教学改革措施有利于学生专业技能、创新能力和实践能力的提升。

关键词：JavaScript；教学改革；改革措施；研究；探索

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

文章编号：1009-3044（2023）31-0148-03

开放科学（资源服务）标识码（OSID）

0 引言

随着信息技术的飞速发展，Web应用已经成为人们生活中不可或缺的部分。JavaScript作为Web开发中的核心技术之一，已经成为Web前端开发必不可少的技能。目前，传统的JavaScript课程教学过于强调教师的主讲地位，这种教学模式主要采用讲授理论和演示案例的方式，由于其过于死板和缺乏实践，难以激发学生的学习兴趣和提高其实践能力[1]。同时，由于JavaScript技术的更新和发展较快，传统的课程教学内容和方式已经不能满足现代Web开发的需求。

为了更好地培养JavaScript技术相关的人才，提高教学质量和效果，对JavaScript课程进行教学改革和探索是有必要的。本文旨在探讨JavaScript课程教学改革的必要性和方向，并提出具体的改革措施和实践经验，以期为JavaScript课程教学改革提供参考。

1 JavaScript学科特点

JavaScript是一门动态、弱类型的解释型脚本语言，它不仅可以实现普通的表单验证，还可以制作各种漂亮的页面特效，并且近些年在Ajax技术和服务器通信上也有应用，越来越多的网页选择使用JavaScript语言。经过多年的发展，JavaScript已成为世界上最流行的编程语言之一，在服务器、浏览器和智能手机中都运行着JavaScript，它目前广泛应用于网页开发、应用程序开发和游戏开发等领域[2]。

JavaScript课程作为计算机专业的必修课程之一，其教学内容主要包括语法基础、数据类型、基于对象编程、DOM操作、BOM操作和Ajax等方面。本课程理论性和操作性较强，在学习JavaScript课程之前，学生可以先修程序设计基础、网页设计基础等课程，为以后学习Web前端等后续课程打下良好的基础。

2 教学改革的必要性

2.1 教学内容陈旧

许多JavaScript教材内容陈旧，跟不上JavaScript技术的发展。首先，JavaScript本身是一门比较抽象的编程语言，且灵活多变。其次，高职的学生基础薄弱，自主学习能力一般，理解能力有限，这种只注重理论学习的教学方式很容易使学生丧失学习激情，并且会给学生学习这门课带来很大打击[3]。很多高职学生在学习JavaScript时难以理解其概念和应用场景，将理论和实践结合更是难上加难，难以提高其实践能力和创新能力。

2.2 教学方式单一

传统的JavaScript课程以讲授理论和演示案例为主，教学方式单一，缺乏互动和实践环节，难以激发学生的学习兴趣和主动性，更難以提高学生的实践能力和创新能力。其次，JavaScript内容本身比较枯燥，如果不改变这种教学方式，学生学习效率会十分低下，在学习时容易分散注意力，遇到复杂的问题毫无头绪，不知道如何解决，甚至会出现学生抵触学习的心理，限制了学生的发展和创新能力的培养[4]。

2.3 评估方式单一

常用的教学评估方式包括期末笔试、课堂任务、考勤情况和平时作业完成情况等，难以全面评估学生的实践能力和创新能力。比如闭卷考试，对学生理论知识点的要求比较高，有的学生会死记硬背一些知识点，但是并没有真正理解其内容，对实际操作并不熟练，不能以此来评估学生的实践能力[4]。

3 教学改革的方向

3.1 优化教学内容

传统的课程教学内容已经跟不上JavaScript技术的发展和应用，需要重新审视教学内容，在优化教学内容方面，可以考虑从以下几个方面入手：

1） 重视实践应用。在课程中可以引入实际案例和项目实践，优秀的案例和项目很容易吸引学生的注意力，增加学生的学习激情，将理论知识和实践操作相结合，不仅可以提高学生的学习效率，还可以让学生更加了解JavaScript技术在Web开发中的应用。比如在讲解Math对象随机函数random（）的时候，可以引入“实现猜数游戏”的案例，通过讲解游戏的内容和涉及的知识点，引导学生分析问题并动手实践，不仅增加了课堂的趣味性，而且还增强了学生分析问题和解决问题的能力。

2） 注重技术的更新和发展。为了提高JavaScript课程的实用性和应用性，可以引入最新的技术和框架。JavaScript技术日新月异，随着前端技术的快速发展，不断涌现出新的前沿技术，如React、Vue等框架。在课程中增加最新的前沿技术，可以让学生第一时间学习到最新的技术知识，为学生以后就业发展提供更好的方向。

3） 注重开发流程。高职学生最终要走向社会，为企业创造价值。在课程教学中，企业开发流程的引入也非常重要，让学生提前了解企业常用的开发模式，注重学生对于开发流程的掌握，包括项目管理、团队合作等方面，让学生在实践中更加深入地理解企业开发流程和工作方式。此外，可以邀请校企合作的兼职教师开展技术讲座，给学生讲授企业常用的开发流程。

3.2 改变教学方式

单一的教学方式缺乏互动和实践环节，不利于学生专业技能和实践能力的提升，JavaScript课程可以采用多元化的教学方式。

1） 引入互动式教学。互动式教学是通过营造一定的教学情境，在教师和学生对相关知识点的交流探讨过程中，使双方不同的观点进行碰撞交融，进而激发教学双方的主动性和探索性。互动式教学方法多种多样，各有特点，教师在教学过程中可以灵活运用。在教学过程中教师可以增加课堂讨论、小组讨论、学生演讲等，提高学生的参与度和主动性。教师在课堂上应该加强与学生的互动，及时解答学生的问题，引导学生思考和探索，激发学生的学习兴趣。在有些课程章节可以采用主题探讨式互动的方式，学生以小组的方式对教师提出的主题进行交流探讨。其次，每个小组派出同学代表对主题内容进行讲解，在讲解的过程中学生将自己的观点在潜移默化中进行碰撞交流，最后通过教师引导、学生讨论总结和线下作业的方式实现学生对知识点的掌握[5]。这种方式不仅可以提升学生学习的主动性，也可以提高学生的表达能力和团队协作能力。

2） 采用任务驱动教学法。任务驱动教学法是一种在教师引导下学生自主学习的教学模式，其特点是“以任务为主线、教师为主导、学生为主体”，改变了以往教师为主体，学生被动接受的教学模式。任务驱动教学法要结合学习内容和教学目标合理地设计任务、分析任务和完成任务。教师在这个过程中要作为一个组织者、引导者和帮助者，要适当地引导和帮助学生，采用多种方式激发学生的思维[1]。以学生为中心，并不意味着教师责任的减轻，在任务完成的过程中，教师要给予一定的指导，并对学生完成任务的情况进行评价。比如在学习Date对象时，可以以“某平台秒杀页面”为例，如图1所示。首先，教师可以引导学生对该页面特点进行分析并总结其涉及的知识点。其次，教师可以安排学生通过查找资料、小组讨论等方式，在规定的时间内实现该任务。最后，教师对学生的完成情况进行评价，既要指出学生的长处，也要指出学生的不足，这样才能发挥学生的创新能力和自学能力。通过实践发现任务驱动法有利于激发学生的学习兴趣，培养学生分析问题、解决问题的能力，提高学生自主学习及与他人协作的能力。

3） 采用案例分析教学法。案例教学法是以学生为主体的教学模式，教师在其中扮演设计者和激励者的角色，鼓励学生积极参与，解放学生思维。教师在教学过程中可以挑选或者设计一些比较优秀的案例进行讲解，也可以让学生对案例进行分组讨论。通过案例的演示，可以增加学生对学习的兴趣，有助于学生对知识点的掌握[6]。比如在讲解数组的相关知识点时，可以引入“制作简单的焦点图效果”的案例，该案例效果图如图2所示。

首先，教师可以演示呈现的焦点图效果，吸引学生的注意力。其次，通过效果图的演示引发学生进行思考，激发学生的学习兴趣。最后，由教师和学生一起完成实现该效果图的代码，提升学生的实践能力。

4） 引入多媒体教学手段。现在的多媒体工具多种多样，在教学过程中，教师可以根据教学内容和教学目标的特点合理选择和运用多媒体工具。目前，常用的多媒体工具有PPT、微课、在线编程工具和在线视频等，这些多媒体工具不仅使教学内容更加丰富，提高学生的学习兴趣，也可以提高教师的课程教学效率。现在许多高职院校都建有多媒体机房，合理利用多媒体工具进行辅助教学，一些教学重难点会迎刃而解，起到画龙点睛的效果。利用多媒体教学，将文字、图像和声音有机地结合在一起，充分调动了学生的感官，拓宽了信息传递的渠道，一些比较抽象的学生难以解决的问题可以直观地呈现在学生面前，激发了学生的学习热情，培养了学生获取信息、分析问题和解决问题的能力[7]。此外，学生可以利用碎片化時间，课前通过观看微课了解所学内容，课后可以通过PPT和在线教学视频复习所学的知识点，提高了学生的自主学习能力和学习效率。

5） 以赛促教，以赛促学，教赛结合。在高职院校，每年都会参与或举办一些国家级和省级的专业技能竞赛，与JavaScript技术相关的比赛有很多，比如“蓝桥杯”“小程序设计与开发”“Web应用软件开发”和“融媒体内容制作”等，学生竞赛通常由任课教师选拔优秀的学生，其次通过日常的训练来提升学生的专业技能，许多学生在竞赛中不仅提升了专业技能，还获得相应的荣誉和奖金。教师在制定人才培养方案时，可以根据竞赛的要求调整教学课程，在课程中增加一些竞赛相关的内容，鼓励学生积极参加比赛，以赛促教、以赛促学，督促学生不断学习，找到适合自己的学习方法，通过比赛提升自己的核心竞争力[8]。

3.3 多元化的评估方式

为了全面评估学生的实践能力和应用能力，可以采用多元化的评估方式。

1） 项目实践评估。可以将学生的实践能力和应用能力纳入评估体系，教师在课程教学中布置一些实践项目，通过对学生项目报告的和实践项目的完成情况来评估学生的实践能力和创新能力。

2） 课堂表现评估。通过观察学生在课堂上的参与度、表达能力、合作能力、课堂作业完成情况和对知识的掌握情况来评估学生的主动性和学习效果。评估学生的课堂表现可以帮助教师更好地了解学生的学习情况，以便为学生提供更有效的支持和指导。同时，这种评估也可以鼓励学生更积极地参与课堂活动，并提高学生的自我评价能力。

3） 团队合作评估。教师可以将学生分为不同的学习小组，通过学生在团队项目中的实践表现来评估学生的团队协作能力和组织管理能力，包括团队目标实现情况、学生沟通能力、贡献程度和合作程度等。评估学生团队合作能力可以帮助教师了解学生在团队合作中的表现，并为团队的进一步发展提供支持和指导。同时，这种评估还可以鼓励学生积极地参与团队活动，提高学生的团队合作能力。

4） 教学质量评估。教师应鼓励学生在学习过程中提出问题和建议，积极参与教学过程中。同时，也可以建立教师评价系统，对教学质量进行评估和改进。对于评估结果，教师应该及时对教学内容、方法和机制进行调整，以适应学生的需求和教学效果的实现。教学质量评估可以帮助教师了解课程的教学效果，及时发现问题并加以解决，以提高课程教学质量和学生的学习效果。此外，这种评估方式也可以促进教师和学生之间的交流和合作，共同提高课程的教学质量。

4 教改实践的效果

本课程考核评价标准由平时成绩（20%） 、项目实践（30%） 和期末成绩（50%） 三部分组成，其中平时成绩由考勤、平时作业、课堂互动和课堂任务参与度组成，项目实践由课程设计、项目参与程度、成果展示和实验报告组成，期末成绩主要考察该课程的理论知识。

本课程以2021级软件技术专业2108班、2109班和2110班为研究对象，对其进行了课程改革教学。教学结束后，使用超星平台问卷调查功能从增强学习激情、提高自主学习能力和提高动手实践能力三个方面进行调查，三个班共计165人，提交的有效问卷150份，调查结果见表1所示。由表1可知，认为可以增强自身学习激情、提高自主学习能力和通过项目实践提高动手能力的学生数占比分别为90%、86.6%和87.3%。

通过对比课程未改革前2020级软件技术专业2006班、2007班、2008班三个班的成绩，如表2所示，教学改革后的学生优秀率和良好率分别提高了4%和8%左右，不及格率降低了7%左右。此外，在教学改革后，在其他方面也取得了不错的效果，学生参加竞赛的热度也有所提升，在挑战杯、蓝桥杯、大学生程序设计大赛等比赛中，班级中参与的人数提高了15%左右，学科竞赛中的成绩也有了明显提升[9]。

5 结束语

本文对JavaScript课程教学改革进行了探索和研究，提出了一系列改革措施和建议，包括课程内容的优化、教学方式的创新和教学评价方式的多元化等。经过两年的教学实践和对比分析，这些措施和建议弥补了传统教学方式的缺陷，可以激发学生的学习兴趣和积极性，提高学生的实践能力和创新能力，改变了JavaScript课程的教学现状，希望能对教育教学工作者和学生有所启示，共同推动JavaScript课程教学改革和发展。

参考文献：

[1] 胡静静，郑吉鸿.JavaScript课程教学方法改革探讨[J].淮北职业技术学院学报，2013，12（4）：74-75.

[2] 何志永.JavaScript课程教学优化研究[J].教育与职业，2013（2）：140-141.

[3] 胡沛.JavaScript课程教学改革探索[J].电脑知识与技术，2011，7（32）：7944-7945.

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

[5] 雷燕瑞，白蕾.高職JavaScript课程教学刍议[J].软件，2014，35（1）：152-154.

[6] 徐华珍，宋伟，姚冬虎，等.JavaScript教学方法浅析[J].科技视界，2020（7）：31-32.

[7] 尤豫心，李培灵.高校数据挖掘课程教学改革新探与实践[J].福建电脑，2023，39（3）：117-120.

[8] 周小丽.JavaScript课程的教学方法[J].信息与电脑（理论版），2021，33（4）：221-223.

[9] 冯岩，尤磊，李健，等.新工科背景下人工智能课程的教学改革[J].福建电脑，2022，38（4）：118-120.

【通联编辑：王 力】