“Javascript Web开发与应用”课程网络教学研究与探索

范开涛+瓮南

摘要：“Javascript Web开发与应用”是Web设计系列课程中一门重要的技术课，该课程需要html知识、css知识和高级语言程序设计知识，具有很强的实践性。该文通过分析目前Javascript程序设计课程的现状，提出了利用昆明理工大学“教育在线”这个计算机网络教育平台，合理规划教学内容，积累教育资源，跨地域开展教学互动，进行教学评价，构建快捷高效的师生互动课堂。实践表明，这种教学形式能有效提高教学效率和效果。

关键词：Javascript；Web；开发；应用；教学；改革；研究

中图分类号：TP3 文献标识码：A 文章编号：1009-3044（2014）16-3832-05

Abstract： “Web development and application with javascript” is an important technology course in web design courses. The course needs HTML knowledge， knowledge of CSS and advanced language program design knowledge， is practical. In this paper， through the analysis of the current status of javascript development course， by using the computer network education platform - “eol.kmust.edu.cn” of Kunming University of Science and Technology， we can make plan of the teaching content， accumulate educational resources， teach and evaluate cross regions， build efficient teacher-student interactions. Practice shows that， this kind of teaching can effectively improve teaching efficiency and effect.

Key words： javascript； web； development； application； teaching； reform； research

1 概述

JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言（比如Perl）遗留的速度问题，为客户提供更流畅的浏览效果。JavaScript使用一些智能的语法和语义来仿真高度复杂的行为，其对象模型极为灵活、开放和强大，具有全部的反射性。“Javascript Web开发与应用”是研究如何利用这些脚本编程技术让网页具有更加人性化的界面和绚丽多彩的特殊动态效果的一门学科，是计算机科学技术领域中发展比较活跃、应用比较广泛的一个分支。

2 Javascript课程现状分析

在高校计算机教育的课程设置体系中，Javascript程序设计课程是网络设计与制作的延续性课程。目前大多数高等学校本科生培养方案中，Javascript程序设计没有单独设置课程，统一设置“网络设计与制作”一门课程，其中包括html、css、javascript三大部分内容，由于课时原因，通常javascript部分都作为自学内容而不纳入考核范围，导致很多学生都缺乏这方面的知识，难以适应计算机的飞速发展。

目前也有高校单独开设Javascript程序设计课程，采用“案例教学法”在教授方式改革，引入“项目管理过程”进行考核方式创新[1]。学生在正式学习前，先学习网页制作等知识，再学习Javascript基础知识和高级引用，了解最流行的设计技术。这种方式的优点是可以充分激发学生的学习兴趣，有助于提高学生的动手能力，缺点是在传统课堂中，因课时原因，难以衔接好前置课程与Javascript课程，进行充分融合[2]。

3 我校Javascript课程的改革

Javascript程序设计目的是优化与改进网页设计，让web页面具有更加流畅的人性化交互界面。学生要掌握Javascript技术，需要了解并掌握web基本概念原理、html设计知识、css设计知识、c语言函数式设计知识、面向对象程序设计知识，并且能够融会贯通。

教师是教学过程的引导者和参与者[3]。教师的教学过程不能简单地罗列知识点，而要注重培养学生的思维能力、创新能力、实践能力。针对因课时不足而导致课程间难以衔接的问题，我校计算中心从2013年开始，面向全校开设“Javascript Web开发与应用”课程。利用“教育在线”公共网络教学平台，参照计算机类本科生培养方案，结合非计算机本科生的特点，调整了Javascript课程的教学内容，采用传统课堂与网络课堂混合的模式开展教学。

3.1 课程内容设置

课程内容调整为以Javascript为主，web其他知识为辅的结构，设置2个学分， 32讲授学时。课程教材内容各章设置如表1“课程大纲”，共分为四部分，第一部分是基础知识部分，主要目的是让学生认识Web的基本概念原理，如何用HTML语言表示网页内容，如何用CSS标准修饰网页；第二部分是Javascript语言主干知识部分，主要目的是让学生了解Javascript的内涵，掌握MCMAScript的程序设计方法，如何操纵浏览器对象和文档对象；第三部分是Javascript语言选修知识部分，主要目的是让学生掌握如何与服务器交换数据，如何实践高级应用；第四部分是参考附录，主要目的是拖宽学生视野，让学生了解Javascript的前沿技术与应用。endprint

（2）实践经验与应用。

（3）高级设计技巧与应用。

课程实验内容采用eclipse平台作为主要的学习、实验平台，减少商业软件对学生的影响，避免形成固定的思维模式。Eclipse 是一个开放源代码的、基于Java的可扩展开发平台，支持Windows、Linux、Mac等多种操作系统。Eclipse 可以当作 C/C++、COBOL、Java 、PHP、Javascript等多种语言的IDE来使用。Eclipse的最大特点是跨平台、开源免费和优秀的插件框架，学生在熟悉或掌握了它的用法后还可以自定义新的插件，不断地改进实验的软件装置环境，提高实验效率和水平。

课程实验内容设置如表2“课程实验项目”，共分为验证型、综合型、创新型三类实验。验证型实验主要目的是让学生对各章节的离散知识点进行验证，巩固所学概念与原理等知识。综合型实验主要目的是让学生学会融会贯通，运用所学知识，综合训练学生的实验技能与方法，完成有实际意义并且具备一定工程量的综合型网页站点或开发项目。创新型实验主要目的是让部分优秀学生运用所学知识，进行主动探索与研究，发现并解决问题，开展例如“javascript语言发展”、“javascript交叉学科应用”、“参与google竞赛”等方向自选题目的科学技术研究训练，提高学生的学术研究水平和能力，提高学生的动手实践能力。

3.2 课程教学模式

课程教学模式采用基于自主学习的网络化分级教学模式。由于目前课程建设还没有得到普遍认可，学分和学时数都比较低，所以用32学时进行课程的主干核心知识讲授与引导，其他部分由学生课后自学，由主讲教师利用“教育在线”网络教学平台，发布通知消息、收发邮件、规划教学日历、记录教学笔记、收发作业、共享教学资源、开展问卷调查、答疑交流等教学活动。这样利用计算机网络实施教学的好处是既培养了学生的自主学习能力、独立思考能力，又拓展了教学场地和教学时间的限制，有效地为教学改革铺设了良好的基础。

本课程由于面向全校学生开放，所以面临学生基础复杂的问题，表现在“基础知识掌握程度差异大”、“专业方向差异大”、“年级跨度大”等方面。为了解决这一难题，课题组计划采用分级教学模式，按照学生的基础知识掌握程度和专业方向等维度，进行分级并开展教学。具体的分级原则如表3“学生分级原则”。

为了保证教育的公平性与公正性，结合昆明理工大学生源的具体特点，对各个级别组的学生的学习评价指标与方法也做出了大胆的尝试改革。本课程的评价方式表现为平时签到成绩、理论试题测试（包括Web知识、HTML知识、CSS知识、Javascript等章节知识）、综合设计成绩、创新研究成绩。其中签到共10次，根据签到次数计算平时签到成绩，满分100分；理论试题由“教育在线”根据主讲教师设计试题库随机抽题组卷，满分100分；综合设计一项，学生任选，满分100分；创新性研究一项，学生任选，满分100分。具体的评价要求如表4“学生分级评价”。

4 结束语

经过一年的“Javascript Web开发与应用”教学经验表明，这种教学改革能够明显提高普通学生的计算机素养与分析解决问题的能力，能够提高优秀学生的创新能力和研究能力，对Javascript类课程教学和大学生人才培养模式具有一定的参考价值。“Javascript Web开发与应用”课程教学改革是一个长期的过程，我们将结合前沿成果和技术，继续思考改革的方向。

参考文献：

[1] 王鹤琴，尹向兵. Javascript教学方法浅析[J].电脑知识与技术，2010，6（5）：1146-1147.

[2] 柯琦.Javascript程序设计基础课程教学浅析[J].信息技术，2013（5）：239-240.

[3] 何志永.Javascript课程教学优化研究[J].教育与职业，2013（2）：140-141.

[4] 袁国武，徐丹，赵杨. “计算机图形学”实验课程改革经验与探索[J].计算机教育，2009（15）：29-32.

[5] 阮文江.Javascript程序设计基础教程[M].北京：人民邮电出版社，2010.endprint

（2）实践经验与应用。

（3）高级设计技巧与应用。

课程实验内容采用eclipse平台作为主要的学习、实验平台，减少商业软件对学生的影响，避免形成固定的思维模式。Eclipse 是一个开放源代码的、基于Java的可扩展开发平台，支持Windows、Linux、Mac等多种操作系统。Eclipse 可以当作 C/C++、COBOL、Java 、PHP、Javascript等多种语言的IDE来使用。Eclipse的最大特点是跨平台、开源免费和优秀的插件框架，学生在熟悉或掌握了它的用法后还可以自定义新的插件，不断地改进实验的软件装置环境，提高实验效率和水平。

课程实验内容设置如表2“课程实验项目”，共分为验证型、综合型、创新型三类实验。验证型实验主要目的是让学生对各章节的离散知识点进行验证，巩固所学概念与原理等知识。综合型实验主要目的是让学生学会融会贯通，运用所学知识，综合训练学生的实验技能与方法，完成有实际意义并且具备一定工程量的综合型网页站点或开发项目。创新型实验主要目的是让部分优秀学生运用所学知识，进行主动探索与研究，发现并解决问题，开展例如“javascript语言发展”、“javascript交叉学科应用”、“参与google竞赛”等方向自选题目的科学技术研究训练，提高学生的学术研究水平和能力，提高学生的动手实践能力。

3.2 课程教学模式

课程教学模式采用基于自主学习的网络化分级教学模式。由于目前课程建设还没有得到普遍认可，学分和学时数都比较低，所以用32学时进行课程的主干核心知识讲授与引导，其他部分由学生课后自学，由主讲教师利用“教育在线”网络教学平台，发布通知消息、收发邮件、规划教学日历、记录教学笔记、收发作业、共享教学资源、开展问卷调查、答疑交流等教学活动。这样利用计算机网络实施教学的好处是既培养了学生的自主学习能力、独立思考能力，又拓展了教学场地和教学时间的限制，有效地为教学改革铺设了良好的基础。

本课程由于面向全校学生开放，所以面临学生基础复杂的问题，表现在“基础知识掌握程度差异大”、“专业方向差异大”、“年级跨度大”等方面。为了解决这一难题，课题组计划采用分级教学模式，按照学生的基础知识掌握程度和专业方向等维度，进行分级并开展教学。具体的分级原则如表3“学生分级原则”。

为了保证教育的公平性与公正性，结合昆明理工大学生源的具体特点，对各个级别组的学生的学习评价指标与方法也做出了大胆的尝试改革。本课程的评价方式表现为平时签到成绩、理论试题测试（包括Web知识、HTML知识、CSS知识、Javascript等章节知识）、综合设计成绩、创新研究成绩。其中签到共10次，根据签到次数计算平时签到成绩，满分100分；理论试题由“教育在线”根据主讲教师设计试题库随机抽题组卷，满分100分；综合设计一项，学生任选，满分100分；创新性研究一项，学生任选，满分100分。具体的评价要求如表4“学生分级评价”。

4 结束语

经过一年的“Javascript Web开发与应用”教学经验表明，这种教学改革能够明显提高普通学生的计算机素养与分析解决问题的能力，能够提高优秀学生的创新能力和研究能力，对Javascript类课程教学和大学生人才培养模式具有一定的参考价值。“Javascript Web开发与应用”课程教学改革是一个长期的过程，我们将结合前沿成果和技术，继续思考改革的方向。

参考文献：

[1] 王鹤琴，尹向兵. Javascript教学方法浅析[J].电脑知识与技术，2010，6（5）：1146-1147.

[2] 柯琦.Javascript程序设计基础课程教学浅析[J].信息技术，2013（5）：239-240.

[3] 何志永.Javascript课程教学优化研究[J].教育与职业，2013（2）：140-141.

[4] 袁国武，徐丹，赵杨. “计算机图形学”实验课程改革经验与探索[J].计算机教育，2009（15）：29-32.

[5] 阮文江.Javascript程序设计基础教程[M].北京：人民邮电出版社，2010.endprint

（2）实践经验与应用。

（3）高级设计技巧与应用。

课程实验内容采用eclipse平台作为主要的学习、实验平台，减少商业软件对学生的影响，避免形成固定的思维模式。Eclipse 是一个开放源代码的、基于Java的可扩展开发平台，支持Windows、Linux、Mac等多种操作系统。Eclipse 可以当作 C/C++、COBOL、Java 、PHP、Javascript等多种语言的IDE来使用。Eclipse的最大特点是跨平台、开源免费和优秀的插件框架，学生在熟悉或掌握了它的用法后还可以自定义新的插件，不断地改进实验的软件装置环境，提高实验效率和水平。

课程实验内容设置如表2“课程实验项目”，共分为验证型、综合型、创新型三类实验。验证型实验主要目的是让学生对各章节的离散知识点进行验证，巩固所学概念与原理等知识。综合型实验主要目的是让学生学会融会贯通，运用所学知识，综合训练学生的实验技能与方法，完成有实际意义并且具备一定工程量的综合型网页站点或开发项目。创新型实验主要目的是让部分优秀学生运用所学知识，进行主动探索与研究，发现并解决问题，开展例如“javascript语言发展”、“javascript交叉学科应用”、“参与google竞赛”等方向自选题目的科学技术研究训练，提高学生的学术研究水平和能力，提高学生的动手实践能力。

3.2 课程教学模式

课程教学模式采用基于自主学习的网络化分级教学模式。由于目前课程建设还没有得到普遍认可，学分和学时数都比较低，所以用32学时进行课程的主干核心知识讲授与引导，其他部分由学生课后自学，由主讲教师利用“教育在线”网络教学平台，发布通知消息、收发邮件、规划教学日历、记录教学笔记、收发作业、共享教学资源、开展问卷调查、答疑交流等教学活动。这样利用计算机网络实施教学的好处是既培养了学生的自主学习能力、独立思考能力，又拓展了教学场地和教学时间的限制，有效地为教学改革铺设了良好的基础。

本课程由于面向全校学生开放，所以面临学生基础复杂的问题，表现在“基础知识掌握程度差异大”、“专业方向差异大”、“年级跨度大”等方面。为了解决这一难题，课题组计划采用分级教学模式，按照学生的基础知识掌握程度和专业方向等维度，进行分级并开展教学。具体的分级原则如表3“学生分级原则”。

为了保证教育的公平性与公正性，结合昆明理工大学生源的具体特点，对各个级别组的学生的学习评价指标与方法也做出了大胆的尝试改革。本课程的评价方式表现为平时签到成绩、理论试题测试（包括Web知识、HTML知识、CSS知识、Javascript等章节知识）、综合设计成绩、创新研究成绩。其中签到共10次，根据签到次数计算平时签到成绩，满分100分；理论试题由“教育在线”根据主讲教师设计试题库随机抽题组卷，满分100分；综合设计一项，学生任选，满分100分；创新性研究一项，学生任选，满分100分。具体的评价要求如表4“学生分级评价”。

4 结束语

经过一年的“Javascript Web开发与应用”教学经验表明，这种教学改革能够明显提高普通学生的计算机素养与分析解决问题的能力，能够提高优秀学生的创新能力和研究能力，对Javascript类课程教学和大学生人才培养模式具有一定的参考价值。“Javascript Web开发与应用”课程教学改革是一个长期的过程，我们将结合前沿成果和技术，继续思考改革的方向。

参考文献：

[1] 王鹤琴，尹向兵. Javascript教学方法浅析[J].电脑知识与技术，2010，6（5）：1146-1147.

[2] 柯琦.Javascript程序设计基础课程教学浅析[J].信息技术，2013（5）：239-240.

[3] 何志永.Javascript课程教学优化研究[J].教育与职业，2013（2）：140-141.

[4] 袁国武，徐丹，赵杨. “计算机图形学”实验课程改革经验与探索[J].计算机教育，2009（15）：29-32.

[5] 阮文江.Javascript程序设计基础教程[M].北京：人民邮电出版社，2010.endprint