编程入门语言JS趣味化教学实践

刘雅君 李爱民 刘晟 张爱玲 袁婷

摘要：传统编程入门语言并不直观也不易学。因此，将JavaScript作为编程入门语言并进行趣味化教学改革实践，可以促进学生学习积极性。首先，通过小游戏引例和适当的知识点呼应，使整个学习过程具有吸引力，让学生的学习变得轻松有趣。其次，通过不同难度的练习，切实提升学生编程实操能力。最后，在综合“顶石”练习中，深化学习效果，使学生夯实课程基础。实践证明，该课程改革实践，不仅激发了学生的学习兴趣，而且大大提高课程质量。

关键词：编程入门语言；JavaScript；教学改革；趣味化教学；游戏编程

中图分类号：G642.41 文献标识码：A 文章编号：1009-3044（2018）16-0102-02

计算机入门语言的学习过程是计算思维和编程实操能力培养的重要阶段。在我国的大多数大专院校教学计划中，C语言是指定的编程入门语言。C语言固然用途广泛且功能强大，然而并不直观和易学，学生的学习趣味性和成就感普遍较弱。因此，一些先驱院校引入国外教学经验尝试教学改革，引入多门脚本语言作为编程入门语言，例如Python语言、JavaScript语言（简称JS）等等[1]。

1 教学现状

在实际教学过程中，现阶段编程入门语言往往被设定为C语言，然而教学效果并不理想。以笔者所在学校而言，C语言课程的挂科率普遍在10%以上，个别班级高达30%。究其原因，主要有以下两个方面：

首先，从学生层面而言，对于编程学习普遍存在畏难心理，缺乏学习兴趣和成就感。笔者所在学院为高职院校，学生生源质量逐年下降，学生的逻辑思维和英语基础参差不齐，学习主动性较弱。伴随学习难度和强度的增加，学生极易失去学习兴趣，应付学习，把学习当成负担。这对后续的编程学习无疑产生重大负面影响。

其次，从教师层面而言，教师的教学理念和教学内容亟待更新。C语言的传统教学模式缺乏生动性和趣味性。学习过程中过于强调讲述环节，训练题目局限性较大，通常属于文本输出类型，相对枯燥。

总之，传统C语言编程入门语言的理论教学和上机实践环节都不易增强学生学习热情和兴趣。因此，改革现有传统的编程入门语言教学模式迫在眉睫。

2 教学改革方法的研究与实践

JS是一种功能强大的客户端脚本语言。作为一种松散类型的语言，JS学习门槛确实比C语言低。此外，JS具有大量内置对象，易于培养学生面向对象的编程思想。国内外多所知名高校已将JS语言设立为编程入门语言进行学习。笔者已从事三年JS语言教学，尝试将其作为编程入门语言进行趣味化教学，使学生更愿意学、更主动地编程，以增强编程教学的效率与质量。具体教改实践措施详述如下。

2.1 设置趣味化游戏引例，激发学生学习兴趣

学生初次接触编程，如何激发学习求知欲和兴趣，消除畏难心理，是教师可以深入思考的问题。利用趣味化的游戏引例，给学生树立“编程很有趣”的理念，是一种有效的解决途径。

根据章节知识点，教师可以制定1至2个游戏编程示例，吸引学生的注意力。这些示例程序篇幅不宜过长、结构尽量清晰合理、逻辑力求活泼有趣，最大限度匹配并服务于后续相关知识点的讲解。通过这些示例的展示，学生往往兴趣盎然地关注程序，丝毫不觉得负担或者畏难。

笔者主要设计的示例如下：

1）语法基础讲解部分，设定猜数字、掷骰子和自动发牌游戏；

2）内置对象讲解部分，设定游戏倒计时器和21点扑克牌示例；

3）文档对象模型（DOM）讲解部分，设定动态日历和棋盘绘制示例；

4）事件处理讲解部分，设定抽奖游戏和简易连连看游戏示例；

5）浏览器对象模型（BOM）讲解部分，设定带页面特效的三子棋游戏示例；

6）第三方类库讲解部分，设定拼图和贪吃蛇游戏。

总之，兴趣是最好的学习驱动力。通过引例有效激发学生学习兴趣，让学生学习更将主动，这将大幅度提供学生后续知识点的学习效率。

2.2将引例合理切分，深入浅出地剖析相关知识点

如果趣味化的引例是学习的开胃菜，那么知识点才是编程学习的主菜。对于知识点的优化整理，是此过程的关键。知识点的粒度适宜，与游戏示例的实现呼应，总数量不宜过多。

例如笔者在讲解JS事件处理部分时，设置了抽奖和简易连连看两个游戏示例。其中抽奖示例呼应的知识点包含如下：

1）JavaScript事件类型的相关概念和基本分类；2）事件发生时事件处理的三种方式；3）常用的鼠标事件；4）常用的键盘事件。简易连连看游戏示例呼应的知识点主要呼应事件冒泡、捕获和委托机制。

总之，恰当的知识点整理和讲解，将帮助学生更高效地理解基本概念、构建编程技能。

2.3 增添不同难度的练习，提升编程实操能力

在讲解结束后，建议设置巩固练习环节。考虑到学生的差异性，设置三个层次的练习，供学生选择完成。首先，初级练习主要要求学生模仿制作趣味引例。这些引例可以在ppt或者讲义中展示部分核心代码，学生需要独立完成完整引例，训练学生的逻辑思维能力。其次，中级练习主要设置知识点巩固类型题目。学生根据所学知识点即可完成，增强学生的成就感。最后，高级练习将提供1至2道编程挑战题目。通过挑战题目，拓展学生的思维，充分发挥其主动性，制作专属的超酷游戏。

在练习过程中，可以引入竞争机制。根据每一题完成速度和质量，教师可以评定和展示前10名动态排名。这样带动上机练习氛围，可以极大地促进学生学习积极性。

2.4 综合“顶石”练习，巩固学习成果

综合大作业练习引导学生综合应用本学期JS课程的相关知识，根据个人兴趣开发一个完整的软件作品，从而深化学习效果，提高学习质量。作品主题不限，仅设置代码下限要求和必要技术点。这个综合大作业练习引入“顶石”课程理念，用以锻炼学生的编程能力和创新素质。“顶石”是建筑学的术语，指在建造拱桥、拱廊等过程中，为增强整体结构力而在建筑物顶端架设的石头，完成了这块石头的搭建，建筑工程才算顺利完工[2]。该词引申到本课程，主要指最后阶段的强化课程所学知识的“整体结构力”[2]。

选题初期，根据学生个体能力和兴趣的差异性，教师可以适时地指导学生选题方向，力求保留一定娱乐性和趣味性。在学生自主开发过程中，教师需要侧重关注对其良好的编程风格、代码组织能力和时间管理能力的培养。最后也是最重要的一点是，教师需要指导学生在开发过程做出正确的关键决策，以避免学生出现临近展示作品却开发失败的情况。

2.5个人大作业宣讲，引入学生投票

大作业完成后，要求每位同学在班级范围内依次宣讲自己的作品，分享自己的开发思路和经验教训。这不仅锻炼学生的表达能力，而且帮助学生梳理和总结学习成果。教师需要注意，在每位同学展示前引导学生们鼓掌鼓励演讲人。另外，不宜打断演讲过程，可以在演讲最后给予补充或点评。

在考核环节，可以引入学生投票机制，让每个学生都做一次评委。实践证明，该环节不仅可以提高学生演讲的质量，而且增强学生参与的积极性。笔者一般在演讲前，给每位学生提供一张选票，要求学生选取自己认为最好的5件作品。学生们一般会认真倾听演讲，并仔细比对选择。演讲者也会使出浑身解数，尽力拉票。演讲结束后，选择三位班委进行现场计票，对票选的前5名给予一定奖励。

当然，最后的课程成绩总评，仍需要綜合考虑平时作业、平时表现和最后大作业共三个方面的成绩，以示公平公正。

3 结语

在笔者实践过程中，很多学生平均成绩逐年提高，授课班级已经达到零不及格率。其中部分学生具有独到的创新思路，实现了很多亮眼的作品。部分作品展示如下：

经过三年的课程改革实践，通过将JS作为编程入门语言并进行趣味化教学，取得较好的教学效果。通过小游戏引例和适当的知识点呼应，使整个学习过程具有吸引力，让学生的学习变得轻松有趣。通过增添不同难度的练习，切实提升学生编程实操能力。在综合“顶石”练习中，深化学习效果，使学生夯实课程基础。总之，将JS语言作为一门编程入门语言，并进行趣味化教学实践，将切实提高学生的编程学习质量。

参考文献：

[1]曾海. JAVASCRIPT程序设计基础教程[M]. 人民邮电出版社， 2009.

[2] 张学良，王润孝， 杨永. 美国高校顶石课程评介及启示[J]. 中国大学教学， 2017（5）.