JavaScript课程“步骤教学法”的探索与实施.docxVIP

JavaScript 课程“步骤教学法”的探索与实施 摘要：“ JavaScript 脚本编程”是四川信息职业技术学院软件技术专业开设的一门专业基础课，在实际教学中，文章探索出一种“步骤教学法” ，即在案例教学的过程中，将每个 JavaScript 特效案例拆分细化到具体步骤，先用注释的形式用中文写出具体每个步骤要实现的功能，然后再引导学生使用 JavaScript 脚本语言完成相应功能。这种教学方法使初学者更能跟上老师的思路，并且通过教学能让学生掌握化繁为简的能力，锻炼了学生思考问题的能力。 关键词： JavaScript；教学方法；软件技术；编程 “ JavaScript 脚本编程” 课程属于四川信息职业技术学院软件技术专业开设的一门专业基础课。本课程在大一下学期开设，前期开设的 C 程序设计和静态网页设计两门课程已经为本课程打下基础。通过大一第一学期的学习，学生有了初步的阅读程序的能力、编写程序的能力、程序设计的思想和 静态网页制作能力。本课程目的是培养学生 JavaScript 脚本编程能力，使学生能够使用 JavaScript 脚本语言制作具有交互功能的 Web 页面，能在软件项目开发过程中熟练应用基本 的 JavaScript 脚本程序。 通过本课程的学习和训练， 使学生具备以下知识、 能力、 素质：（1）掌握 JavaScript 基本语法；（2）掌握 JavaScript 对象基础， DOM 基础；（3）熟悉事件处理； （4）了解高级 DOM 技术；（5）能实现常见 JavaScript 动画；（ 6）熟悉 jQuery 及其常用函数； （ 7）能够使用 JavaScript 进行浏览器端应用 程序的开发；（ 8）培养学生团队精神； （ 9）培养学生具有实 事求是的学风和严谨的工作态度； （10）培养学生从实际问 题出发分析问题和解决问题的能力。 “步骤教学法”的探索 课程刚开始的时候发现很多学生基础太差，尤其是自己 动手编程的能力很差。大部分学生只是在课堂上照搬教师的 代码，自己动脑筋思考解决问题的能力很差，而且对英文的 编程语言还是比较抗拒，而 JavaScript 跟 C 程序很大的区别 在于 JavaScript 语言提供了更多的内部对象，这就意味着更 多的内部属性和函数需要掌握其写法和使用方法。如果不提 升学生主观思考和记忆的能力，一味只是照搬代码，那么想 学好这门课程以及后续的所有专业课程是不可能的事情。 在教学的过程中，笔者探索出一种“步骤教学法” ，在 案例驱动的教学过程中具体实施。每次动手编程完成一个 JavaScript 特效前， 要求学生先将这个特效进行分解， 先明白 自己要完成哪些工作，然后再分解到具体每一个步骤。先用 中文描述出这个步骤要做的功能，全部分解完成之后再按照 步骤写出对应的一行 JavaScript 代码。这种“步骤教学法” 刚开始实施的时候，就发现能让很多同学跟上课堂的节奏， 能基本弄清楚每个特效是怎么一步一步完成的。这样慢慢积累，很多函数和属性也就慢慢掌握了。 “步骤教学法”刚开始实施的时候主要依靠教师来带领学生分解步骤，第一是因为这是一门新的编程语言，学生对其比较陌生，没有相关的语法知识；第二是学生基础薄弱，动手能力差，思考分析问题的能力有限，这就要靠不断的积 累和反复训练。所以本课程前期 1/3 的时间都是在讲基础语法，以及 JavaScript 基本语法和 C 语言基本语法的区别与联系。当学生有了一定的语法基础后，就可以开始融入一些内 部对象的常用属性和函数，写一些网页上比较常见的小特效。这个时候教师带领学生一步一步分解案例，从静态网页 标签的梳理到指层叠样式表（ Cascading Style Sheets， CSS）特效的添加再到 JavaScript 特效的分解完成，要具体地分解到基本上一行中文步骤对应一行 JavaScript 语句。 “步骤教学法”的具体实施 本文以一个数码时钟定时器的特效案例为例。数码时钟 是在讲完 JavaScript 定时器的使用方法和内部 Date 对象的常 用函数之后引导学生完成的一个综合性质的案例。本次案例 主要的知识点： 定时器的开启； 使用 Date 对象获取时间； 选 择结构实现空位补零；寻找页面上标签的方法；循环操作标 签改变其相 ?P 属性；数组的遍历；函数的定义和调用。一开 始先给学生看实际完成的效果，如图 1 所示。 先讲述下这个数码时钟特效的要求，即跟普通时间不一 样，本案例不是用数字显示时间而是用图片来完成时间的显示。接下来，带领学生分析理解本案例是如何完成的，引导学生进行步骤分解，本案例核心功能就是获取系统时分秒然后依次用时间的数字来生成对应的图片地址从而完成换图。 要完成这样一个特效首先要准备 10