《JavaScript网页特效设计》课程实施教学做合一的研究与实践_

《JavaScript网页特效设计》课程实施教学做合一的研究与实践

摘 要：javascript在现在的网页设计中扮演的角色越来越重要，jquery就是其典型的应用实例。作为职业院校计算机软件或网页相关专业必须开设的一门课程，如何利用现代信息化手段，多方面综合的去设计这个课程，使其更符合实际的开发应用，也容易使用学生们接受是本文件讨论的重要内容。本文从现在课程出现的问题，课程设计的背景与意义，研究的思路，研究内容与方法等方面进行了全面的描述。

关键词：javascript；课程开发；教学做合一

中图分类号：tp312

随着html5和ajax的升温，javascript越来越得到人们的重视。重要的是，ajax在一定程度上带来了web软件架构上的变化，特别是在移动开发领域，hmtl5+javascript+css技术彻底击败flash，成为各大移供应商支持的技术。人们把越来越多的功能分配到客户端实现，javascript子项目规模越来越大。如何更高效的使用javascript，如何更科学的组织javascript，如何更顺利的保证项目进展？都变成很重要的工作。

由于javascript是“世界上最被误解的语言”，大部分人对javascript语法并没有全面了解过，只是凭借看起来很像c或者java的关键字按照自己的理解写javascript代码。其实javascript是一种很独特的语言，和c++/java有非常大的区别，

要想用javascript做大一些的项目，开发人员必须老老实实的学习javascript的语法。真正掌握了语法后，才不会把delete看成释放内存对象，才不会为到底参数传递是值传递还是引用传递而烦恼。真正理解了javascript的基于原型的dom操作方式，才可能写出具有良好架构的javascript程序。

1 问题提出

目前“javascript网页特效设计”类课程在职业院校软件及相关专业普遍开设，也是未来网站友好互动发展的方向。但由于没有符合高职院校自身特点的教材和课程体系，其中教材内容往往罗列烦琐，讲述枯燥，案例缺乏实际应用性，实践教法单一，且缺乏流行新技术元素和相关的web开发技能。

当前的高职院校学生普遍缺少学习的主观能动性和学习习惯，特别对于软件开发和网站设计技术专业的学生来说，自主学习是将来走上职业岗位的核心素质。如何培养学生的学习的主观能动性和学习习惯，是软件课程教学中迫切需要解决的问题。

本教研项目研发过程中，拟解决的关键问题如下：

问题一、以任务驱动为主，案例为导向的设计具体如何实现？

问题二、课程资源如何体现流行用户交互新技术元素和相关的在web中常见的javascript开发技能？

问题三、如何使教材中案例体现出应用性和实用性？

问题四、如何充分提升学生的javascript动态交互设计能力，高效实现教学做的合一？

2 研究意义和价值

开发《javascript网页特效设计》课程的目标是为了使我院软件与网站建设专业的web设计与开发的专业课程，它是《web系统设计》课程的前导课程。开发教学做合一的《javascript网页特效设计》课程可以有效的提升软件技术与网站设计专业web开发相关课程的授课效果。

采用实际使用的常见网页中案例为导向可以明确学习思路与目标，提升学生的成就感和学习兴趣，激发学生的学习动力。理实一体化和即时指导的授课方式，可以有效和及时地解决学生学习中出现的问题。自学内容可以提升学生的isas（informationsearchandanalysisskills）能力，为学生的职业岗位素质培养打下良好的基础。

本着“以技能为核心，以就业为导向”的思想，将网站设计技术职业岗位实际需求的知识和技能在《javascript网页特效设计》课程中完全体现，建立一套“以任务驱动为主，案例为导向，职业能力培养为目标”课程资源包，让学生在学习过程中掌握现在主流的javascript开发技术，并在教与学的过程中，提升自身的主观能动性，更好地培养自身的职业素质。

3 研究思路

针对项目拟需解决的关键问题，指定了以下的研究与开发思路：

3.1 以任务驱动为主，案例为导向的设计具体实现

教材以项目化、案例贯穿和任务模式进行设计。使用网站项目贯

穿整个教材。每一章（教学单元）的内容都从案例引入，分为如下步骤：（1）单元（章）题目；（2）工作任务描述；（3）技能目标描述；（4）章节内容；（5）总结；（6）作业

课后完成作业案例，进一步对知识进行巩固和提高。

3.2 课程资源体现流行新技术元素和相关的javascript开发技能

每个单元的任务根据任务目标做出需求分析，并融入相应的所需的知识内容和职业技能（如开发工具的使用，开发技巧等内容）。对流行新技术或重点代码采用注释类型的文字加以说明，再辅助学生理解重点知识点和新技术概念的同时，扩展学生视野和学习思路。

3.3 使教材中案例体现出应用性和实用性

贯穿整个教材的网站项目应该采用实际的项目，讲述的知识点应配合实际的开发内容加以阐述，开发的项目可以在实际环境中直接使用，这样使学到的知识内容可以及时得到验证，同时项目本身也具有较强实用性。

3.4 充分提升学生的isas能力，高效实现教学做的合一

讲解的手法采用循序渐进的方式，授课过程强调“复习预习新单元任务需求描述授课总结布置作业”的模式，同时在教材体系中融入四种教学模式：理论、实践、指导和自学。通过四种模式的有效结合，充分提升学生的学习积极性和授课效果。

4 内容与方法

4.1 知识与教学资源储备：

本课程教材将以“案例导向，任务驱动”为设计模式，采用理实一体化和即时指导教学模式，配合一定量自学单元完成整体课程体系设计。课程开发的教学内容依托既有的实践项目，经过提炼选择适合教学的相关内容。目前项目参与者已经收集了相关的教材、案例、课件和其它教学辅助资源。

4.2 人员调配与开发时间分析：

项目主持人完成职业岗位技能分析，根据需求分析制作《javascript网页特效设计》课程标准；组织项目团队全体人员学习课程标准，研究方案，确定案例；然后开始教材准备和案例同步开发，案例应于3个月内完成，开展阶段性研究，总结分析和确定案例各阶段任务目标和技能目标，写出阶段性研究报告。继续实施，然后将案例整合到教材的理论和实践章节中；

参考文献：

[1]何志永.javascript课程教学优化研究[j].教育与职业，2013，01，11.

[2]侯小丽.javascript课程教学的探索与研究[j].太原城市职业技术学院学报，2011，01，28.

作者单位：辽宁机电职业技术学院，辽宁丹东 118009