文/吴淑琴
摘要：随着计算机网络技术的不断发展，社会对网络技术人员的技能水平要求也越来越高。JavaScript课程已成为网站开发人员必须掌握的核心课程。本文针对中职院校JavaScript课程的教学现状，结合教学体会，阐述了中职院校JavaScript课程的教学方法。
教育期刊网 http://www.jyqkw.com
关键词 ：中职学生 JavaScript课程 教学方法
JavaScript（简称JS）作为一种轻型、解释型的程序设计语言，具有面向对象的功能。它不仅可以用来表示Web浏览器窗口及其内容的对象，还可以用于客户端编写程序，使静态页面变得鲜活起来，因而受到越来越多的技术人员的青睐。而目前中职学生的学习水平很难达到用人单位的标准，笔者认为造成这一现象的原因是多方面的，其中一个重要的方面就是教学方法是否符合中职学生的认知特点，教师是否根据学生基础、教材难易度、社会岗位需求有效进行备课、授课。因此，如何改进中职院校教师现有的授课习惯、教学方法和手段，调动学生学习的积极性与主动性，激发学生的学习兴趣，是广大中职院校一线工作者需要潜心研究的问题。下面笔者以多年的实践教学经验，浅谈中职院校JS课程在的教学技巧与方法。
一、展示动感十足的案例，培养兴趣
1．引发学生的兴趣
美国心理学家布卢姆说过：“学习的最大动力，是对学习材料的兴趣。”在学习相对较为枯燥的JS课程之前，教师可先展示一些用JS编写的动感十足的特效网站效果，如“跑马灯效果”“浮动广告效果”“浮动对联效果”等，引发学生对这门课程的兴趣，增强学生自主学习、探索的欲望。学生有了兴趣，学习就不是一种负担，而是一种享受。
2.把维持兴趣作为教师日常授课的重点
法国伟大的启蒙思想家卢梭说过：“问题不在于教他各种学问，而在于培养他有爱好学问的兴趣，而且在这种兴趣充分增长起来的时候，教他以研究学问的方法。”当学生有了学习的兴趣，教学的重点就要放在如何维持兴趣上。维持兴趣最好的办法就是教给学生学习的方法，培养其自我学习的能力。任何高明的教师都不能把学生直接教成科学家，教为通才。苏联教育家苏霍姆林斯基说过：“教师在教育上的英明，就是要让孩子任何时候都不失去信心，任何时候都不感到一事无成。”
针对中职学生的文化基础水平，对于学好JS课程提出如下方法：培养细心、耐心、认真的调试程序的心态；理论联系实践，善于思考总结，举一反三，勤于上机练习；强化基础语法识记，勤于练笔，编写小程序。教师可用以上方法，引导学生调试和编写一些小程序，增强学习的兴趣与成就感。
二、夯实基础，强化专业英语教学
在笔者多年一线教学实践中，深深感到，对中职学生来讲，除了JS课程自身理解与应用的难度以外，影响学生学习的另一个重要因素是英语单词的识记与拼写。在调试程序的过程中，学生总因为英语单词拼写错误而影响整个程序的调试，从而挫伤学生学好JS课程的信心。在一线教学中，笔者把每一章出现的单词提炼出来，作为专项训练课程。布置单词读写任务，让学生多多练习，反复拼读，引导学生克服心理障碍，打好学习JS课程的基础。
除了在课堂上做专项练习以外，笔者也积极向主管教学领导提出教学建议，增设专业英语教学课程。如何提高学生学习英语的主动性也是文化课教师值得研究的问题。
三、任务驱动配合案例教学
解决英语学习的困难以后，笔者提出“任务需求—分析任务思路—引出解决问题”的方法，层层深入，从语法到案例，最后引导学生自主完成任务。下面以制作对联广告这一任务为例，阐述任务驱动教学法在教学过程中的具体实施过程。
1.创设情境，提出任务需求
找出几个典型应用对联广告、浮动广告的网站，让学生观赏，使学生对自己要解决的任务有一个直观的认识。同时，提出任务需求，让学生利用已学知识去解决问题，即提出问题。
2.观察思考，分解任务
围绕展示的页面进行观察、思考和分析，将总任务分解成若干个小的任务，逐步解决。针对提出的任务，可将其分解成：页面中添加浮动广告是网站中常用的页面特效，这种浮动的春联，显然与页面本身不在同一个平面，这个问题怎么解决？随着用户滚动鼠标页面，浮动的春联也随之滚动，应该用什么技术来实现？用什么事件来实现这种技术？
3.教师分析思路，引出新知识与语法
根据已学过的知识，学生很快会从头脑中搜索答案。用学习过的DIV层来解决不在同一个平面的问题，去学习DIV层的样式属性——positioning属性，对浮动春联进行初始定位，利用position属性的absolute属性值。浮动春联随鼠标滚动而滚动的技术，要用到滚动条的样式属性，获取元素在垂直和水平方向上流动的距离。获取滚动条距窗口顶端的距离语法是：document.document Element.scroll Top; 获取滚动条距窗口左边的距离的语法是：document.document Element.scroll Left。同时，还要解决两副对联的层叠问题，用到Z--------—index属性设置元素的堆叠次序，使春联所在的层位于页面的上方。通过什么事件来实现呢？在制作随鼠标滚动的广告图片时，常用的两个事件就是onscroll与onload。语法：window.onscroll=方法名；window.onload=方法名。注意这里的方法名后不加小括号（）。这两个语法分别代表用户滚动页面和页面加载。
4.操作实施，完成任务
思路分析完成以后，接下来就是任务的操作实施阶段。学生可以根据老师讲解的语法，先通过实例上机实践，理解并熟练掌握相关的知识点。这个阶段是学生消化和吸收知识的阶段，是学生由不会到会、由初识到熟练的阶段，也是学生充分调动各种感官、发挥各种能动性的阶段。
四、通过项目案例强化知识应用
1.强化项目练习，增强学生自信心
在一个案例讲解完成以后，老师要安排与知识点相关的项目练习案例，一方面强化知识的吸收与识记，另一方面缩小学生与将来就业岗位的距离，增强学生的自信心与成就感。教师在此环节更多的是引导与帮助的角色，任务更多的是由学生分组研讨完成。
2.强调项目的实用性，增强运用知识的灵活性
在此环节中，教师最重要的一个作用，也是最难实施的一个环节就是给学生提供更实用的项目案例与项目相关的需求分析。下一步就是由学生自主设计和完成项目，让学生自主地将知识转化为岗位需求、客户需求，站在工作的角度分析、完成任务；让学生将所学的知识点自主地转化为内在的能力，从而增强和提高学生驾驭知识的灵活性。
3.经验分享，提升学生的认知水平
项目案例完成以后，教师要引导学生与大家一起分享自己的思考过程与解决问题的方法，展示自己的作品，使学生们取长补短，相互学习，共同提高。
五、系统总结，强化语法识记
经过前面几个教学环节的实践以后，学生需要重新回到原点，那就是对知识点、语法的再次重温与回顾，系统地列出整个章节的知识点与前面所学知识的联系，巩固语法，强化对基础知识的认识与识记。
通过以上五个连贯的教学环节，大部分学生能够基本掌握教学内容。经过多年的教学实践，保持学生学习JS课程的兴趣与热情，强化英语基础知识、单词的识记，已成为职教工作者在教学工作中不断探索与思考的重点和难点。
（作者单位：秦皇岛技师学院）