Javascript课程“理实一体”教学设计的探讨

刘雅君+袁婷+常婉纶+杨景林+张爱玲

摘要：探讨了开展JavaScript课程“理实一体”的教学设计的实践，将JavaScript课程的知识分成4篇，起步篇，基础篇、提高篇和实战篇。这四个部分由浅入深，完成循序渐进的学习过程，不仅能够激发学生的学习兴趣，而且能够及时巩固和强化学习成果，有效建立学习过程中正向兴趣循环，这种课程设计对其他计算机类程序设计课程都有一定的借鉴意义。

关键词：Javascript；理实一体；教学设计

中图分类号：G424.1 文献标识码：A 文章编号：1009-3044（2016）28-0093-02

JavaScript是1995年由Brendan Eich（Netscape的工程师）创建，由Netscape和Sun公司联合开发的基于对象和事件驱动的客户端脚本编程语言，通过它与HTML、XML、DOM、CSS、Java Applet等技术的有机结合，可以开发出具有很强交互性的动态页面。作为目前世界上最流行的语言之一，JavaScript在网站脚本语言领域中具有统治地位。作为一种脚本语言，JavaScript可以采用小程序段的方式实现编程，可以直接嵌入HTML文档中；作为一种基于对象的语言，JavaScript功能实现也可以来自于脚本环境中对象的方法与脚本的相互作用；它没有严格的数据类型，依赖于浏览器本身，与操作环境无关[1]。对编程新手来说，JavaScript是入门的极佳选择，门槛为零，实用性强，易学难精。

我国计算机专业大多开设《网页设计》课程，但其中缺乏对JavaScript技术的重视。往往因为课时所限，许多《网页设计》的教授都将主要的精力放在HTML标记细节和CSS盒子模型的介绍上。当然许多学校已经尝试开设的《JavaScript》课程。但是传统教学思想和模式并不适应JavaScript技术的讲授，我系开展JavaScript课程“理实一体”的教学设计的实践，取得了良好的教学效果。

1 传统理念下程序语言教学的不足

JavaScript 技术是一种功能强大的脚本语言，可用于实现交互式的Web 页面。它不仅能直接应用于HTML 文档以获得动态效果，而且还可以运行于服务器端，从而替代传统的CGI 程序。这类脚本语言的学习过程如果采用传统的教学思想和模式并不适用[2]。首先，如果在课堂教学方面填鸭式纯讲授的教学方法，会不能激发学生的学习兴趣，降低学生参与的热情。另外，在实验环节，如果只是布置题目，按部就班练习，尽管能够加强课堂知识点的理解，但是无法培养真正的工程能力和创新能力。总之，细节问题具体如下：

1）纯课堂教学，速度快，容量过大，影响知识吸收

JavaScript 技术功能强大的同时，内容相对庞杂。例如JavaScript面向对象编程部分，包含Boolean、Number、String、Array、RegExp等多个内置对象及其属性和方法需要重点讲解。如果采用传统课程授课，教师单次课堂容量多大，教学内容繁杂，不可能面面俱到。这样的大密度知识点，超过学生的接受能力和速度，使学生感觉学习枯燥，势必影响知识的吸收。而且作为程序语言教学，没有及时的练习实践环节，不能充分调用学生主动学习的积极性，限制学生的创新能力和发散思维的培养。

2）实验环节，巩固不及时，题目设计缺乏工程创新能力、团队协作精神的培养

首先，在传统的排课方式下，课堂教学和实验环节往往间隔数天，对学生的知识巩固并不够及时。在间隔的数天后，学生在上机时已经不能回忆起知识点细节，操作容易错误百出，从而没有成就感，不利于学习过程中正向兴趣循环的建立。

其次，大多编程练习以巩固性练习为主，题目设计手段落后，不能引起学生的兴趣。很多巩固性练习是程序填空、程序纠错或者验证性实验题目。运行后仅为界面简单的小程序，缺乏趣味性，忽视学生发散性思维的培养。学生往往不能自我创作，只能按部就班完成，极不利于创新思维和工程应用能力的培养。

最后，教学过程缺乏实际项目的训练，学生往往缺乏团队协作精神的训练。新时代的学生往往个性鲜明，比较强调个体，在团队协作、沟通方面的能力需要及时训练。

总之， javascript教学需要兼顾理论和实践，个人能力的训练要兼顾团队协作精神的培养，特别需要重视科技创新。为了使学生能更好地掌握JavaScript 课程知识，并能在教学过程中培养学生的实际动手开发能力，必须结合该课程的特点，采取“理实一体”的教学设计。

2 “理实一体”教学设计

我校自2014年起在专科3年制软件工程专业第四学期前两周集中时间设立《javascript》课程，课程学时为理论教学56学时。为了突破JavaScript理论与实践相脱节的现象，我们应用了理论实践一体化教学法。课程全程在机房授课，老师边教，学生边学边做，完成教学任务，以提高教学质量。在整个教学环节中，理论和实践交替进行，教学环节紧凑，实践部分集中直观，能够实现“做中学”和“学中做”的教学目标[3]。具体做法如下：

经过调研发现，现今许多IT公司设置的与JavaScript技术相关的工程师岗位，其中要求的JavaScript技术能力侧重不同。因此，为培养具有工程能力创新型JavaScript人才，我们将JavaScript课程的知识分成4篇，起步篇，基础篇、提高篇和实战篇。这四个部分由浅入深，完成循序渐进的学习过程：

1）起步篇

为了激发学生的学习兴趣，起步篇的教学由JavaScript和jQuery的优秀作品展示开始。重点围绕JavaScript基本语法程序，指导学生完成相关验证性实验程序的编写和测试。特别需要注意的是，强调JavaScript调试环境firebug等工具的安装和使用，教授学生调试技巧，这有助于提高学生发现问题和解决问题的效率。起步篇在理实一体教学中安排在8 学时中进行。

2）基础篇

基础篇的教学主要包含JavaScript面向对象编程、文档对象模型（DOM）、事件处理和浏览器对象模型（BOM）这4个方面的基础知识。在教学时，首先展示紧扣知识点的引例，激发学生兴趣。通过对知识点的讲授分析，设计针对性实验。通过给出示范性引例，学生可以参照完成针对性实验。同时提供技术文档，引导学生阅读和查找，鼓励学生在针对性实验基础上完成思考性实验。例如针对面向对象编程中的日期类知识点，首先设计针对性实验，即要求学生完成当前系统时间显示。之后，可以引导学生将时间显示中的数字字符替换成图片。下一步，引导学生阅读技术文档中的定时器函数，指导学生实现动态时间显示。最后，让有余力的同学思考完成倒计时器等综合知识点的设计性实验。这些实践的目的在于锻炼学生的程序设计和编写能力的同时，更注意训练学生查找技术资源与阅读技术文档的能力。

3）提高篇

提高篇主要由两个内容组成，包括JavaScript框架和Ajax应用。

关于框架部分，长久以来，JavaScript一直都是在HTML中实现动态效果的不二之选。可两个问题迟迟得不到解决：一是浏览器兼容性问题，二是直接操作DOM太麻烦。而jQuery等JavaScript框架对上述两个问题有很好的解决。特别是jQuery已经成为现代基于浏览器的客户端开发的基本配置。因此，在授课时，我们将介绍prototype、Protovis、ExtJAVASCRIPT等多个第三方类库，让学生直观体会第三方工具在浏览器中创建复杂的交互性数据可视化效果的优势。之后，重点讲解jQuery的知识，如JQuery选择器、事件处理、DOM操作等知识。

关于Ajax应用部分，主要指异步的 JavaScript 和 XML。首先，通过引例说明，Ajax不是一个新的语言，仅是一种技术应用，以端正学生的认识。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。让学生联系JavaScript和jQuery中应用Ajax，让学生体会JQuery的方便、快捷和好用。

4）实战篇

实战篇主要锻炼学生的网页设计、开发能力以及团队合作能力，要求以学生组成开发团队，集中利用上机的4个课时和课下时间的完成实际项目网页的开发。该项目网页系统可以是前三篇工作的集成，主题为某电子商务企业网站、某公司网站、校园门户网站和个人博客等等。鼓励学生自提主题，但需要由教师审核工作量和创意。在教师的指导下，学生3人为一组相互协作，讨论明确网站项目的主题、整体风格，目标浏览人群；绘制网站结构示意图、确定网站的各级页面内容和具体分工；在独立完成任务的过程中，充分发挥学生主观能动性，促使其独立思考、勤于实践、勇于创新。

3 结束语

通过对《javaScript》课程进行“理实一体”的课程设计，优点明显。不仅能够激发学生的学习兴趣，而且能够及时巩固和强化学习成果，有效建立学习过程中正向兴趣循环；通过循序渐进的学习过程，将理论和实践紧密结合，培养了学生的工程能力和团队协作精神。相信这种课程设计对其他计算机类程序设计课程都有一定的借鉴意义。

参考文献：

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

[2] 侯小丽.Javascript课程教学的探索与研究[J].太原城市职业技术学院学报，2011（1）：38.

[3] 杨丽琴， 冯学敦.《机械课程设计》“理实一体”教学模式的探索与实践[J].南京工业职业技术学院学报，2010（12）：74-76.