范伊红+叶传奇

摘要：随着互联网技术的高速发展，Web技术被日益广泛的使用，以JavaScript技术为核心的客户端开发技术迅速发展。高校应以岗位需求为导向，加强JavaScript程序设计课程体系建设探究。该文介绍了JavaScript技术的主要应用领域、分析了目前高校JavaScript课程设置现状，提出了我校JavaS cript课程体系的建设框架。

关键词：JavaScript；jQuery；教学；改革

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2016）15-0143-02

Abstract： With the rapid development of Internet technology， Web technology has been widely used， with JavaScript technology as the core client development technology rapid development. University should take the post demand as the guidance， strengthen the JavaScript programming curriculum system construction research. This paper introduces the main application areas of JavaScript technology， analyzes the current status of the JavaScript curriculum in Colleges and universities， and puts forward the framework of the construction of javaScrip curriculum system in our university.

Key words： JavaScript；jQuery；Teaching； reform

1引言

随着互联网技术的高速发展，Web技术被日益广泛的使用，Web开发技术可以被分为客户端技术和服务端技术两大类。Web客户端技术主要包括： HTML语言、Java Applets、JavaScript、CSS、DHTML、插件技术以及VRML技术，其中JavaScript是前端技术的核心语言，特别是近年来随着jQuery、Node.js和HTML5等新技术的广泛应用，JavaScript的重要性逐步增加，JavaScript已经成为世界上最流行的编程语言之一。本文主要讨论的JavaScript技术的主要应用领域、高校JavaScript课程设置现状以及我校JavaScript课程体系的建设。

JavaScript起源于Netscape公司的LiveScript语言，这是一种基于对象和事件驱动的客户端脚本语言，早些年，JavaScript由于其复杂的文档对象模型（DOM）、糟糕的实现和调试工具、不兼容的浏览器实现而不受开发者的重视。近年来随着技术的发展，JavaScript变得越来越的强大、完善，JavaS cript性质和地位发生了天翻地覆的变化，如今JavaScript已经变成了Web开发必备的语言。

2 JavaScript技术应用领域

2.1 网站开发

2.1.1 网站前端开发

（1）原生应用

原生应用是指直接使用 JavaScript 语言进行程序的编写，常用来实现前端逻辑，比如检查用户输入，向用户提示信息，显示浮动图片，变幻字体大小颜色，弹出广告、丰富鼠标效果、动态菜单、目录树、选项卡等。原生应用非常普遍，这也是最轻量级的方式，但是编写起来也相对复杂，尤其是将浏览器兼容性等问题考虑在内的情况下，开发人员需要关注的内容非常之多，这需要开发人员具备很高的素质。[2]

（2）JavaScript库应用

为了简化JavaScript的开发，出现了许多JavaScript程序库，JavaScript程序库封装了很多预定义的对象和函数，能帮助使用者轻松地建立有高难度交互的Web2.0特性的富客户端页面，并且兼容各大浏览器。目前使用较多的JavaScript程序库有：JQuery、Prototype、Dojo 、YUI、Ext JS、MooTools。很多企业也封装自己的JavaScript程序库。

（3）前端框架应用

框架最大的优势就是简单易用，即使只掌握少量的web知识，也可以毫无障碍的使用它们。一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript控件库的集合，可以在设计中使用它们。利用框架可以很快创建响应式且符合标准的网站，而且简单并具有一致性。

近几年不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，比如：Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等，利用这些技术可以更加快速的建立图形用户界面。

2.1.2 网站后端开发

Node.js是一个后端的Javascript运行环境（支持的系统包括Lnux、Windows、Mac），这意味着程序员可以编写系统级或者服务器端的Javascript代码，交给Node.js来解释执行。

node.js 对 Google V8 引擎进行了封装，使用事件驱动，非阻塞 I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。

2.2 移动App开发

2.2.1 Web app

Web App就是运行在网络和标准浏览器上的基于网页技术开发实现特定功能的应用。移动端Web App和WAP最直接的区别就是功能层面。WAP更侧重使用网页技术在移动端做展示，包括文字、媒体文件等。而Web App更侧重“功能”，是使用网页技术实现的App。

Web App客户端使用W3C标准的HTML或HTML5、CSS3、JavaScript开发，服务端采用JAVA、PHP或ASP技术。 Web App可以实现很多原本原生Native App才可以实现的功能，比如LBS的功能、本地文件和数据存储、音视频播放的功能，甚至调用照相机和结合GPU的硬件加速功能。Web App能够轻松实现跨平台，无需用户下载，并且和传统网站一样可以动态升级。Web App有App的特性，但是更有Web的特性。Web App可以像传统互联网网页那样相互链接，从一个Web App直接跳转到另外一个Web App。这无论是从用户的使用体验层面还是从应用之间的数据传输来看都是非常不错的选择。

2.4 混合式移动（Hybrid App）开发

混合应用程序是一种Web应用程序，主要使用HTML5和JavaScript构建而成，然后封装在细薄的原生容器里面，可通过容器来访问原生平台功能。由于JavaScript的跨平台特性，使得它在移动互联网时代将有更大的作为。

Hybrid App的概念2010被提出。这种兼具原生App（Native App）和Web App的优势又能将彼此的缺陷最小化的移动应用开发模式成了一种全新的选择。国内外知名的Hybrid App移动应用开发框架有PhoneGap、Appmobi、APICloud、WeX5以及AppCan等。

2.5 插件开发

插件是可独立完成某个或一系列功能的模块.通常插件由宿主程序加载，不能独立运行。由于JavaScript 具有跨平台的特点，因此所有主流平台都可以使用 javaScript或者jQuery 进行插件开发。目前有非常多的js/jQuery插件，上网查找相关的JS插件，以实现页面需要的某种效果。

2.6 其他应用

随着 HTML5 的出现，JavaScript 在更多方面有突出表现，例如利用主流HTML5游戏框架：Construct2、ImactJS、LimeJS、GameMaker、CreateJS、lycheeJS、Crafty、three.js、melonJS、Turbulenz、Quintus、Cocos2d-html5等，可以让用户在短时间内快速开发出一款可运行于所有平台（Windows、Mac、Linux、Android、iOS等）的高质量和硬件加速的2D、3D游戏。

HTML5还有更多API可以帮助开发者创建应用，这些API可以使程序访问诸如本地文件，摄像头，SOCKET通信服务，以及硬件动画加速等。

3 JavaScript课程现状分析

目前大多数高校本科生培养方案中，与客户端技术相关的课程只有网络设计与制作、JavaScript程序设计两门课，课程主要包括html、css、JavaScript三大部分，通常在1-2学期完成。

但是以JavaScript技术为核心的客户端开发技术应用如此广泛，相关技术如此之多，笔者认为应该加强客户端相关课程的建设。

另外客户端技术的主要特点是语法简单，易学习，但由于内容多、杂，系统性不强，应用灵活，学生要想很好的掌握有一定难度。

笔者认为应该加强相关课程的实验项目设计，指导学生完成一定数量的综合性实验，从而真正的掌握相关课程的内容。

4我校JavaScript程序设计课程体系建设

为了适应日益发展的应用需求，我校JavaScript相关课程共分为《网页设计与制作》、《JavaScript程序设计》《jQuery程序设计》《HTML5编程基础》《移动技术开发》等5门课程。分别在本科第2、3、4、5、6学期完成。并且在充分调研的基础上设计了每门课程的教学内容，精心组织课堂案例、设计了每门课程的项目实战案例。

4.1网页设计与制作课程

（1）课程目的

网页是提供信息展示的一种方式。学生通过本课程的学习，能掌握网页设计必备的基础知识、培养学生具有制作一般商业网站的能力，同时让学生了解网页网站的技术发展趋势、最新的技术动态和网页、网站制作软件平台。

（2）课程基本要求

通过该课程的学习，学生应掌握网页设计与制作的基础知识、基本理论和基本技能，掌握网页制作需要的HTML语言、网页制作流程、CSS基础知识、CSS+DIV布局网页等知识以及用Dreamweaver工具软件制作网页的基本方法和把Photoshop制作的网页效果图切图输出的基本方法。

（3）学时分配

4.2JavaScript程序设计课程

（1）课程目的

通过学习能够直接使用 JavaScript 语言进行程序的编写，实现常用前端逻辑。能够根据应用开发对应的客户端代码，从而为应用项目的开发打下必要的基础。

（2）课程基本要求

通过该课程的学习，掌握JavaScript的基本语法、程序控制语句、常用对象、事件模型的原理、XMLHttpRequest对象的操作方法；掌握使用JavaScript技术控制网页的基本方法。

（3）学时分配

4.3 jQuery程序设计课程

（1）课程目的

通过课程的学习使学生掌握jQuery专业理论知识和实际操作技能，为从事基于WEB技术的电子商务及网站开发、维护工作，参与开发环境的设计和搭建，承担系统设计、程序设计和开发工作奠定良好的专业基础。

（2）课程基本要求

掌握jQuery选择器、DOM操作、事件和动画、Ajax的应用、jQuery插件的使用和写法、jQuery Mobile的使用。该门课程是一门动手实践能力要求高、与实际联系紧密的技能课程，以项目教学为主线，学生在掌握jQuery程序设计的同时，养成良好的编程习惯和编码风格。

（3）学时分配

4.4 HTML5编程基础课程

（1）课程作用与目的

通过本课程的学习，使学生能够迅速理解和掌握新一代Web标准HTML5所涵盖的核心技术，学生在学习本课程时可以充分了解和体验HTML5的强大功能在软件项目开发实践中应用。

（2）课程基本要求

熟练掌握HTML5中的Canvas绘图、Geolocation地理位置、Communication、Websocket、Forms、Webworkers、Storage等API接口的使用。

（3）学时分配

4.5 移动技术开发课程

（1）课程作用与目的

掌握一种 Hybrid App开发技术基础知识，了解Hybrid App开发在商业领域中的广泛应用，培养学生分析问题、解决问题的能力，提高学生在实际开发工作中的适应能力，为学生学习专业知识和参加工程实践打下必要的基础。

（2）课程基本要求

利用AppCan的技术开发移动App项目。掌握AppCan Hybrid开发环境搭建、AppCan程序设计基础、AppCan多窗口框架、界面布局、常用控件、网络通讯、数据存储、空间扩展等技术。

（3）学时分配

5结束语

以JavaScript技术为核心的客户端开发技术涉及知识点多、灵活多变、实践性强。要不断地探索各个课程之间的联系，研究每门课程的教学内容与实战项目，关注技术的发展前沿，及时更新教学内容，培养适应时代发展需求的计算机软件相关人才。

参考文献：

[1] 范开涛，瓮南.“JavaScript Web 开发与应用”课程网络教学研究与探索. 电脑知识与技术[J].2014，10（16） ：3832-3836.

[2] 荣艳冬.以岗位需求为导向的 JavaScript 课程构建.软件[J].2015，36（6）：18-20.

[3] 单东林，张晓菲，魏然..锋利的jQuery[M].人民邮电出版社，2009.

[4] http：//www.appcan.cn/ 网站技术文档.