JQuery程序设计课程教学在高职院校中的改革探索

吴瑶 陈文驰 胡柳

摘要：在信息化时代，高职院校正不断尝试对计算机应用技术专业的相关课程进行改革创新，从而探索出能够适应高职特点的教育课程。结合本院校背景，深入分析了《JQuery程序设计》课程中存在的不足，提出了如何在教学过程中利用多种创新型教学模式相结合的解决方案，能够有效地开展教学任务，并为新形势下JQuery课程教学改革提供参考。

关键词：高职院校;教学改革;Jquery;课程;教学

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

文章编号：1009-3044（2020）18-0155-02

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

1 引言

JQuery是一个兼容多种浏览器的JavaScript框架，其宗旨是写更少的代码，做更多的事情。JQuery能快速、方便地幫助用户处理HTML文档和事件的交互，从而实现网页的动画效果[1]。《JQuery程序设计》是我院计算机应用技术专业中前端开发方向的核心专业课程之一，通过该门课程的教学，培养学生熟练地使用JQuery，从而使学生具备能开发常见的网页界面交互效果的能力。

2 课程教学现状分析

近年来，我院在教授JQuery课程的过程中，主要呈现出了三个弊端：1）学生处理需求的能力不足;2）理论与实践衔接滞后;3）教学方式较为陈旧。

1）学生处理需求的能力不足

我院学生在解决业务需求的过程中，会出现或多或少的困难，而造成这些困难的主要因素有：首先，学生生源差异较大，自身的专业技术水平参差不齐，因此主动思考的能力偏弱，不擅于在业务需求中先思考和分析，而是直接寻找是否存在类似问题，习惯于照搬照抄现有书本中的源代码或者是网络上存在的资源，从而失去了自己的想法;其次，我院的部分学生对其所选专业的盲目性较大，使得学生的学习兴趣不浓厚，缺乏学习的动力，自主学习的主动性不高，这便造成了学生的学习效率不高。

2）理论与实践衔接滞后

大学计算机专业课程在开设的过程中需要考虑到理论与实践相互促进作用，综合提升实践的课上时间，进而使学生能够对自身专业理论的理解予以有效深化[2]。实践能让学生更加直接地加深对理论知识的理解，还能提升学生的动手能力，因此对于专业性较强的课程更应加强实践。但由于我院的学生数量较多，而实验室的机房有限，存在着理论课与对应的实验课之间的安排的间隔时间过长，学生对所学理论知识遗忘，导致了学生无法完成对理论知识的综合实践，造成了教学效果不太理想。

3）教学方式较为陈旧

目前，我院主要使用任务驱动教学法和案例教学法。任务驱动教学法是学生在教师的指导下，以一个共同既定任务为中心，自主解决问题，完成教师布置的任务[3]，适用于计算机应用类课程的教学，这类课程知识更新较快，需要学生具备一定的自主学习能力和独立分析问题、解决问题的能力。案例教学法指将案例作为教学材料，结合教学主题，通过讨论、问答等师生互动环节让学习者了解与教学主题相关的概念或理论，并培养学生高层次能力的教学方法[4]。案例教学以案例为线索，打破了传统教学的条条框框，从而让师生围绕案例进行多方面讨论。

3 多模式结合的教学方法在教学中的应用

针对当前存在的问题，本文提出了任务驱动教学法为主、案例教学为辅的多模式结合的教学方法，即任务案例共同驱动法，从而可以激发学生的学习兴趣，积极引导学生参与教学活动，提高教学质量。该教学方法分为以下几个阶段：课程任务设计，案例引导、实施项目任务、测试与运行项目任务和验收任务。

1）课程任务设计，案例引导

教师在教授课程时，应根据课程标准中的要求选择合适的案例用于贯穿整个教学过程。在JQuery程序设计课程中，选取制作网站作为该课程的终极项目，如学生个人博客网站，该网站的实现包含本课程所学的所有知识：JQuery的基础知识、JQuery的选择器、使用JQuery控制网页、JQuery的动画特效、JQuery的事件处理以及JQuery的功能函数。

其次，教师应该对案例进行分解，选取其中合适的内容，通常可选择与理论所对应的具体功能作为实践课程的教学任务，同时也可寻找相似的小案例作为理论课程的教学素材，由教师在理论课上讲解案例需求，通过分析一讲解一实现三个阶段，提取对应的知识点，加强学生对知识点的理解。分解情况如表1所示。

2）实施项目任务

在任务驱动教学模式下教学，学生是学习的主体，教师根据分解好的任务实施教学。在针对JQuery的动画特效章节内容，理论课前先让学生收集轮播图特效例子，先了解学习完本章内容后，自己可以完成的基本特效，增加学生的学习兴趣;课堂中以制作轮播图动画为目标，从分析效果实现的思路中逐渐引入本章学习的理论知识，带领学生一起完成轮播图动画特效，时刻带动着学生的注意力;课后布置类似的或者分解步骤的动画特效作业让学生去完成，一来可以达到巩固理论知识，不会因为间隔时间过长而遗忘教授的理论知识，其次还为实践课打下良好的基础。

实践课堂中由学生独立完成本次任务，实现预先制定的目标，指导学生完成轮播图特效的编码。而在编码过程中遇到问题时，教师引导学生先分析问题存在的原因，然后对症下药，而不是盲目的直接帮助学生解决问题，从而可以培养学生分析问题，解决问题的能力。还要鼓励学生使用自己的想法实现任务，而不是一味地复制他人代码。开发完成后，学生将完成的任务添加到自己的个人博客网站中。使得每次的实践课程上都能让学生看到成果，并且每次任务的完成都是在对终极项目进行完善，这样不仅提高了学生完成任务的成就感，还可提高学生的学习兴趣和创新性。

3）测试与运行项目任务

待任务编码完成后，还需要针对完成的功能进行测试。轮播图特效编码完成后，需要运行网页进行测试，查看是否存在效果不行或是不能循环播放等情况。若发现的问题，例如不能循环播放，就要及时处理问题，完善代码。任务基本完成后，教师还可引导学生进一步扩展项目功能，鼓励学生进行个性化创新设计，例如针对轮播图特效，可以改变图片翻转的样式，或者添加一些炫酷的样式，培养学生的创新能力。

4）验收任务

验收任务的要求不止查看任务功能代码、功能效果是否完成，还需针对程序结构是否合理规范、程序逻辑是否清晰和输入输出是否准确等进行检查。如轮播图特效的代码是否存在注释、可读性是否良好等。针对存在的不足，要及时跟学生反映，并督促学生进行改进。

4 结束语

目前，JQuery课程设计学生处理需求能力弱、理论与实践衔接滞后以及教学方式较为陈旧等问题，最终导致该门课程的教学效果不好。针对这些问题，提出一种以任务驱动主、案例教学为辅的多种教学模式相结合的教学方法，通过该方法，能让学生做到边学边用，以用促学，将枯燥的理论知识运用到具体的实际项目案例中，学习知识的同时更是培养了学生分析和解决问题的能力。此外，通过课程的每次任务的实现到最终目标的完成所带来的成就感能大大地提高学生学习的兴趣，并进一步激发学生学习的热情。多管齐下，相信能给我院的JQuery课程改革提供一定的指导意义，还能进一步促进其他高职院校具有相似问题课程的持续改革。

参考文献：

[1]梅元昭.基于Jquery课程网站的设计[J].无线互联科技，2019（10）：39-41.

[2]李鑫，战德臣，大学计算机课程的教学模式改革研究[J].吉林化工学院学报，2019，36（6）：27-31.

[3]宋积满，任务驱动教学法在计算机应用基础教学中的应用，信息与电脑，2019，31（21）：250-251，254.

[4]史小平，以案例教学法为核心的高职学生自主学习能力培养 途径探析[J].湖南工业职业技术学院学报，2017，17（4）：111-114.

【通联编辑：王力】

作者简介：吴瑶（1993-），女，湖南永州人，硕士，主要研究方向为数据挖掘、软件技术;陈文驰（1989-），男，湖南益阳人，硕士，讲师，主要研究方向为云计算技术研究;胡柳（1988-），男，湖南长沙人，硕士，讲师，主要研究方向为网络软件开发、网络信息安全。