《交互式Web开发》实验教学大纲

课程代码3080000123课程名称交互式Web开发适用专业软件工程专业先修课程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.

性质本课程的实验性质是非独立设置实验课，在实验实训室中采用上机操作进行。2.

目的通过开展实验，可以让学生掌握如何使用JavaScript实现良好的网页交互、如何使用jQuery及插件高效开发网页，以及如何使用面向对象编程的思想开发项目。3.

任务（1）掌握VSCode工具下载、安装和环境搭建方法。（2）掌握JavaScript中变量、数据类型、数组、程序控制流、函数等的基本使用。（3）掌握JavaScript中对象的使用和基本操作、Math、Date和BOM等对象的使用、类的声明、定义、继承以及原型链机制。（4）掌握DOM元素的获取和节点的操作方法、事件的监听方法和事件对象的使用。（6）掌握jQuery中选择器的使用、选中结果集的管理方法、链式调用的方法。（7）掌握jQuery中控制元素属性、样式和内容，操作页面元素的方法。（8）掌握jQuery中设置事件监听，事件对象的使用和触发事件的方法。（9）掌握jQuery中制作自定义动画的方法。二、实验的基本内容和要求序号实验项目天数（学时数）实验属性内容与要求1JavaScript中的对象6验证性内容：在页面中动态显示系统时间；使用数组方式实现省市级联效果；使用字符串对象验证注册页面；制作弹窗效果；在标题栏交替显示学号姓名。要求：掌握对象的概念和创建方法；掌握Date对象、Math对象、String对象、Window对象常用方法和属性；掌握JavaScript中类的声明与定义、构造函数的创建、函数的定义和调用；理解基于构造函数和原型的面向对象机制。2DOM4验证性内容：复选框全选效果；无刷新评论；使用HTMLDOM方式修改课堂案例。要求：掌握JavaScript中访问DOM的方法，掌握HTMLDOM标准实现HTML元素内容的修改，掌握事件、事件对象的概念、设置事件监听函数的方法，熟悉表格的属性和方法。3jQuery基础6验证性内容：编写一个jQuery程序；改变列表项背景色；双色表格；图书信息的收缩与展开。要求：熟悉jQuery的选择器；掌握jQuery的基本选择器；掌握jQuery的层次选择器；掌握jQuery的过滤选择器；掌握jQuery的表单选择器。4jQuery控制DOM4验证性内容：制作图片展示效果；增加购物车商品信息。要求：掌握查找节点、创建节点、删除节点；掌握复制节点、替换节点、遍历节点；能够根据需要动态改变页面元素的样式；能够动态改变元素的属性。5jQuery事件4验证性内容：制作登录框特效；制作图片提示效果；使用hover事件实现横向导航菜单。要求：掌握事件绑定方法；掌握获得焦点和失去焦点事件；掌握文本框值的判断；掌握事件对象的应用；掌握合成事件hover的应用；掌握addClass方法。三、主要仪器设备及材料实验实训室、多媒体计算机、VSCode软件、谷歌浏览器、网络环境四、实验的考核办法实验考核内容主要分为：实验过程、实验设计和实验报告三部分。实验过程考核主要考查学生课程出勤、实验态度、实验任务完成情况、实验过程中分析问题和解决问题的能力等方面；实验设计考核主要考查学生设计的规范性、合理性和美观性等方面；实验报告考核主要是考查实验报告内容的完整性、正确性和规范性等方面。以上三部分分别占三分之一的分数。考核采用分组形式进行，同一小组成员分工不同，统一打分。五、指导书与参考资料指导书：《JavaScript+jQueryWeb开发案例教程》，前沿科技温谦编著，人民邮电出版社，2022年5月第1版。参考资