Javascript课程教学的探索与研究

侯小丽

（太原城市职业技术学院，山西 太原 030027）

Javascript课程教学的探索与研究

侯小丽

（太原城市职业技术学院，山西 太原 030027）

文章分析了javascript课程的教学内容，并针对计算机软件专业的特点与培养目标，从教学内容与教学方法两个方面进行了探索，总结了教学方法上的一些实践经验。

Javascript；动态网页制作

Javascritp课程是计算机软件专业的一门必修课，使用该脚本语言主要可以制作动态网页特效效果和利用脚本的客户端验证制作表单验证。通过上一学期的html课程的学习，学生已经基本掌握了页面布局、模板技术、css样式等，通过该门课程的学习，学生将能制作包含客户端验证、具有常见动态效果、界面美观大方的商业网站，并学习一些DOM对象的高级用法，为第二学年的Ajax技术做准备。该门课程的理论性强，涉及的知识面广，对学生的理论与实践两方面的要求均较高。然而对于计算机软件专业来说，由于培养目标与专业课程设置的限制，学生基础薄弱，而且课时也有限，因此要在现有的条件下尽可能完成教学目标，培养学生独立制作开发一个大型的功能齐全的动态网页，成为该门课程教学急待解决的问题。

一、教学内容

Javascritp课程的内容包括第一章Javascript的基本语法、第二章DOM编程—windows对象、第三章DOM编程—document对象、第四章css样式特效、第五章基本的表单验证技术、第六章表单验证的相关事件和辅助特效、第七章表单验证的高级特效。内容覆盖较多，与前一学期的html课程联系非常紧密。

在课程教学内容的选择上应根据软件专业的培养目标，以实用技能为核心，有所选择地安排教学内容。就是要选择介绍动态网页制作的基本知识和基本技能，由于受课程学时所限，想要全面介绍有关动态网页制作的全部知识是不可能的，也没有必要。

本门课程主要分4大块内容进行介绍：第1部分，采用和学员学过的Java对比，简单介绍Javascript的基础语法；第2部分，重点介绍DOM编程，介绍常用的windows、document、history和 location 对象，突出常用的 open（）、getElementById（）等方法；第3部分，介绍常见的样式特效，同时巩固学习第一学期学习的CSS样式；第4部分，介绍表单的验证和相关特效，涉及开发中常见的表单验证内容和下拉列表狂级联、回车焦点切换、错误即时提醒等表单相关特效。

在课程教学内容的组织上，以案例为主线，并适当地把多个案例连结成一个工程项目。本门课将沿用第一学期的淘宝网案例，理论课将学习制作淘宝网特效（第一学期制作过静态页面），上机课将完成拍拍网特效（第一学期制作过静态页面），项目案例课将完成51job人才招聘网的制作，同时巩固第一学期学过的页面布局、模板技术、css样式等。

二、教学方法

由于Javascritp课程既具有较深的理论研究内容，同时也具有很强的实践性，因此在教学方法上应该做到理论性与实践性相结合，而且实践的课时是理论学习课时的2倍，需要学生加强动手能力，代码调试等。在教学过程中采用了理论课教学、上机课练习、项目案例课设计相结合的教学方法。

（1）理论课教学

理论课教学是向学生传授知识的基础。在整个课程教学中设计了一个大的案例贯穿始终，使枯燥的编程学习变得生动有趣，激发了学生学习的兴趣。在课堂教学中每章都设计了小的独立的课堂案例，并给学生布置了工作任务，在每章开始授课前，都给学生提出了技能目标，便于学生掌握上机练习的重点。

（2）上机课练习

由于Javascript属于实践性很强的课程，所以在设计教学的过程中上机实践课时是理论授课课时的2倍，需要学生亲自动手设计界面和进行代码的编写调试。所以在课后安排了大量的实例练习，通过实例的练习使得学生能够举一反三，理解和应用课堂所学理论知识。学生在完成上机题的过程中，对学习的课堂理论知识进行了复习和巩固。同时，在课后作业中适当地增加一些具有提高性的思考题，并在课堂上简单给予思路的指导，引导学生主动查阅相关资料，完成课后题，以达到灵活应用所学。

（3）项目案例课程设计

项目教学法是指学生在教师的指导下亲自处理一个项目的全过程，在这一过程中学习掌握教学计划内的教学内容。学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难，提高了学生的兴趣，自然能调动学习的积极性。因此“项目教学法”是一种典型的以学生为中心的教学方法。

为了更好地掌握和理解使用Javascript制作动态网页特效，在理论课和上机课学习结束之后，进行了一周的项目案例课程设计，要求学生独立完成51job人才招聘网的制作，通过该课程设计，学生们将所学的理论知识连贯起来，充分应用到实践当中，深刻体会了常用对象及其用法以及表单的验证和相关特效，同时巩固训练了第一学期学过的页面布局、模板技术、css样式等。通过该课程设计，锻炼了学生的实践动手能力和解决实际问题的能力。

Javascript课程是计算机软件技术专业的一门专业课程，如何更好地完成Javascript课程的教学，让学生能够准确理解和掌握动态网页制作的基本理论知识，在实际应用当中灵活运用，并能培养学生较强的动手能力，独立完成相关网页的制作，是本门课程要解决的主要问题。本文分析了Javascript课程的教学内容，并针对计算机软件专业的特点与培养目标，总结了教学方法上的一些实践经验。

［1］徐祗祥.Javascript客户端验证和页面特效制作［M］.北京：科学技术文献出版社，2008.

G718.5

A

1673-0046（2011）01-0038-01