适用专业

软件工程专业

先修课程

Web前端技术

实验性质

非独立设课

开设学期

4

实验方式

上机操作

周数（学时）

24

学　　分

1

课程目标

（1）职业规范与道德修养：通过学习JavaScript和jQuery的理论和实践知识，培养学生的职业素养和工匠精神，树立规则和大局观意识。

（2）分析与设计能力：能够应用JavaScript和jQuery基础知识，分析WEB开发交互环节的实际问题，设计符合用户需求和设计规范且具有交互功能的页面，并能够在设计环节中体现创新意识，考虑经济、社会、法律、文化等问题。

（3）综合应用能力：能够基于项目分析，运用HTML、CSS和JavaScript这3种语言，借助jQuery主流框架，实现项目Web前端的页面结构搭建、页面样式设置、页面交互设计。

（4）终身学习能力：能够跟踪Web开发前沿，了解交互设计的趋势，持续提高分析和编写代码的能力，不断拓展框架使用的手段和方法，提升职业素养，适应Web开发行业及相关职业发展。

教学要求

完成课程后，学生将具备以下能力：

（1）能够使用 JavaScrip及jQuery框架进行Web开发, 增强网页的交互性；

（2）掌握综合分析能力，解决专业相关实际问题；

（3）通过讨论、实验实训、撰写报告等方式提升有效沟通；

（4）理解并遵守Web开发领域的职业道德和规范。

1

JavaScript中的对象

6

验证性

内容：在页面中动态显示系统时间；使用数组方式实现省市级联效果；使用字符串对象验证注册页面；制作弹窗效果；在标题栏交替显示学号姓名。

要求：掌握对象的概念和创建方法；掌握Date对象、Math对象、String对象、Window对象常用方法 和属性；掌握JavaScript中类的声明与定义、构造函数的创建、函数的定义和调用；理解基于构造函数和原型的面向对象机制。

2

DOM

4

验证性

内容：复选框全选效果；无刷新评论；使用HTML DOM方式修改课堂案例。

要求：掌握JavaScript中访问DOM的方法，掌握HTML DOM标准实现HTML元素内容的修改，掌握事件、事件对象的概念、设置事件监听函数的方法，熟悉表格的属性和方法。

3

jQuery基础

6

验证性

内容：编写一个jQuery程序；改变列表项背景色；双色表格；图书信息的收缩与展开。

要求：熟悉jQuery的选择器；掌握jQuery的基本选择器；掌握jQuery的层次选择器；掌握jQuery的过滤选择器；掌握jQuery的表单选择器。

4

jQuery控制DOM

4

验证性

内容：制作图片展示效果；增加购物车商品信息。

要求：掌握查找节点、创建节点、删除节点；掌握复制节点、替换节点、遍历节点；能够根据需要动态改变页面元素的样式；能够动态改变元素的属性。

5

jQuery事件

4

验证性

内容：制作登录框特效；制作图片提示效果；使用hover事件实现横向导航菜单。

要求：掌握事件绑定方法；掌握获得焦点和失去焦点事件；掌握文本框值的判断；掌握事件对象的应用；掌握合成事件hover的应用；掌握addClass方法。