JavaScript课程教学内容改革探索与实践

1、JavaScript 课程教学内容改革探索与实践JavaScript 是目前最为流行的客户端脚本语言之一，它具 有良好的动态性、交互性以及跨平台性。目前， JavaScript 已 与HTML CSS 起成为网页设计中不可或缺的组成部分，因此， 其在计算机专业课程体系中所起的衔接作用也为越来越多的高 职院校所重视。然而 JavaScript 课程陈旧的教学内容、过时的 教学方法和手段以及与行业的脱节等问题也日益突显出来， 课程 改革也提上了日程。JavaScript 程序设计是我院计算机应用技术专业的专 业核心课程，在专业建设中起着承上启下的衔接作用。教育部 16 号文中指出：高等职业院校要积

2、极与行业企业合作开发课程， 根据技术领域和职业岗位（群）的任职要求，参照相关的职业资 格标准，改革课程体系和教学内容。可见，传统学科型的教学内 容已无法满足相关岗位职业能力的要求， 下面就从教学内容方面 介绍 JavaScript 课程进行的探索实践。一、目前 JavaScript 课程教学内容的情况（一）教材内容陈旧，与最新技术脱节 学生学习程序语言是从就读高校开始的， 其学习的经历会使 他们下意识地认为程序语言的学习是枯燥乏味且难懂的。 JavaScript 课程相关的教材与其他课程相比较数量少，在我院 JavaScript 程序设计课程开设期间曾用过多本 JavaScript 的教材。

3、这些教材或者以案例的实现为主线展开， 突出了实践性 却淡化了理论知识的学习； 或者重视理论知识点的学习， 但书本 内容相对陈旧， 不能及时反映当前最新 JavaScript 技术的进展。 而当学生翻开这类 JavaScript 课程的教材，看到里面的代码、 大篇幅的文字内容以及数学计算类的案例时， 直觉地认为只是一 门单纯的理论课， 无法提起学习兴趣， 也使得他们对最新技术的 敏感度不高，认知度不够。（二）教学内容学科化，无法满足职业岗位需求目前， JavaScript 课程的教学内容包括： JavaScript 的语 言基础、面对对象编程、对象模型DOM和BOM事件处理和表单验证技术等。在教

4、学中一般都是遵循教材章节的顺序进行教授， 虽然这种传统的学科化教学突出了理论知识的学习， 但是由于章 节化的教学使得知识的学习较为独立， 前后内容的相关性体现不 明显，反而不利于技能的熟练掌握。 现代企业更多地需要的是有 扎实技能且能够直接上岗的人才， 而不是只有理论缺少实践的人 员，单纯的学科化知识已无法满足职业岗位的需求。（三）教学案例呆板，缺少实际应用性在 JavaScript 课程的教学中，很多的技术需要通过实际的 案例演示说明， 才更易为学生所接受， 并通过实际应用才能真正 被学生所掌握。在以往的 JavaScript 课程中所使用的案例都是 针对某个知识点设计， 如为了介绍循环语句

5、的使用， 用一个关于 计算前 1000 个自然数之和的案例来加以说明，这类案例缺乏实 际应用性和趣味性， 甚至会给数学成绩不理想的学生造成一定的 学习阴影，此外由于案例的独立性往往会使学生学了新的内容忘 了旧的内容，甚至不知道所学内容有什么用，该用于何处。随着教学改革的深入， 教学案例也在不断地改进， 然而教材 上使用的案例更新速度没有网络来得快，更缺少带有真实场景 的、规模恰当的应用型案例， 不能很好地体现在前后知识的衔接 或前后续课程的过渡以及教学内容的实用性。二、现阶段教学内容的改革（一）课程内容重整，突出理论与技能相融合 近两年，我们通过问卷调查、走访企业现场调查与访谈、邀 请企业一线

6、专家召开座谈会等多种方式对苏州市及长三角地区 IT 行业企业一线的技术人员、人事经理，苏锡常地区人才市场 的网站信息， 苏州市各地区人力资源管理中心的部门负责主管以 及本专业毕业生进行市场调研和剖析。从 IT 相关行业岗位的需 求分析中确定了在网页开发中需要具备的 JavaScript 相关应用 大致包括：增强页面交互效果， 实现服务器和客户端的交互功能。 因此，对 JavaScript 的教学内容采用在原内容的基础上进行打 散和重整，并在基础理论“必须”“实用”的基础上加大实践教 学的比重。JavaScript 课程的学习中应注重专业技术综合应用能力的 培养，以实际应用为重点，根据学生应掌握

7、客户端数据验证、使 用对象来增强页面动态效果等技术， 并能综合运用前导课程所学的网页设计基础知识、程序设计知识熟练开发丰富动态效果的Web应用程序，为进一步学习 JQuery、Ajax等高级框架打基础 的学习目标，对其教学内容进行了合理的调整，包括掌握 JavaScript 基本语法， JavaScript 对象模型和常用对象， CSS 样式特效以及表单验证等，突出理论和技能的相融合。（二）课程内容优化，体现工学结合 从学生学习兴趣的角度出发， 引入情境教学对重整的教学内 容进行再次优化。 通过情境化的设计可以促进学生的认知， 缩短 师生、学生与教学内容之间的心理距离，使学生主动投入、以积 极

8、的情绪状态参与到教学环境中去， 获得主动发展， 突出其主体 性的地位。因此，在课程内容改革中根据课程培养目标的要求， 以突出职业能力培养和职业素养养成， 体现基于职业岗位分析和 具体工作工程为课程设计理念， 以真实工作任务为载体组织教学 内容，落实“教学做”一体化的教学设计和学习情境设计的流 程，将课程内容围绕初入职场人员如何一步步在部门经理的要求 下完成对Eshop数码商城网站特效展开，设计了包括Eshop数码 商城的实现、购物车页面特效设计、产品页面特效设计、后台框 架页面特效设计、 首页特效设计、 表单页面客户端验证实现以及 客户端异步请求功能设计 7 个子情境。（三）教学案例设计，与前

9、后续课程衔接在教学案例的设计中应突出 JavaScript 课程在专业建设课 程体系前后续课程中的承上启下作用。以我院的 JavaScript 程序设计课程为例，本课程开设在第三学期，是前期网页美 工网站设计与网页制作课程与后期 Ajax&JQuery 技术 课程之间的一个过渡，其平行课程为 HTML+CS网页设计， 通过这些课程的学习可以更好地为网站设计开发而服务。 该课程 对学生职业能力培养和职业素质养成起着主要支撑作用， 让学生 满足网页设计、网站美工、网站交互设计等岗位的任职要求。教学案例以前导课程 网站设计与网页制作 中完成的电子 商城网站为载体， 设计了具有动态效果网站的工作过程性

10、知识和 技能体系的课程，从而形成了 JavaScript 课程的 7 个子情境模 块。通过 7 个模块的实现来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页中 JavaScript 语法基础知识以及 各独立JS特效的实现，并通过5个阶段演练检验学生的独立完 成的能力。 在课程设计中以实用、 注重实践为原则， 真正落实教、 学、做一体化课程的实施，切实提高人才培养质量。通过教学模 式设计、教学方法设计、教学目标的设计、教学考核改革等，保 证专业能力、专业素养和综合能力的培养。（四）能力培养，注重多方位发展 对于高职专业的课程来说， 课程需注重对学生职业能力的培 养和职业素养的养成。因此，我们对每个教学内容从技能目标、 专业技能、 能力和素养 3 个方面进行培养目标的规划，学生通过对相关课程内容的学习不仅能够掌握相关的理论基础以及专业 技能，更能促进职业素养的养成。 如下表列出了学习表单验证技术应使学生具备的职业技能以及素养。三、实施效果与总结通过 JavaScript 课程教学内容改革的实施缩短师生、学生 与教学内容之间的心理距离，大大改变了 JavaScript 课程的教 学现状，取得了良好的教学效果。学生主动投入、以积极的情绪 状态参与到教学环境中去获得主动发展， 学生制作的网站体验性 和视觉性更好， 学生上机考试的成绩也得到了明显