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

《《交互式Web开发》实验教学大纲.docx》由会员分享，可在线阅读，更多相关《《交互式Web开发》实验教学大纲.docx（3页珍藏版）》请在优知文库上搜索。

1、课程代码3080000123课程名称交互式Web开发适用专业软件工程专业先修课程Web雨端技术实验性质非独立设课开设学期4实验方式上机操作周数（学时）24学分1课程目标（1）职业规范与道德修养：通过学习JavaScript和jQuery的理论和实践知识,培养学生的职业素养和工匠精神树立规则和大局观意识.（2）分析与设计能力:能终应用JaVaSCriPt和jQuery基础知识，分析WEB开发交互环节的实际向SS,设计符合用户制求和设计规范且具有交互功能的页面,并能够在设计环节中体现创新意识,考虑经济、社会、法律、文化等问题.（3）粽合应用能力：健终荔于项目分析,运用HTM1.、CSSHIJaVa

2、SCriPt这3种语言，借助jQuer主流框架，实现项目Web前端的页面结构搭建、页面样式设较、页面交互设计.（4）终身学习能力：能监跟踪Web开发前沿.了解交互设计的趋势.持续提而分析和编写代码的能力，不断拓展框架使用的手段和方法，提升职业素芥，适应Web开发行业及相关职业发展，教学要求完成课程后，学生翱具备以下能力：（1）能够使川JaVaSCriP及jQuery框架进行Web开发,增强网页的交互性：（2）掌握综合分析傀力，斛决专业相关实际问JS：（3）通过讨论、实验实训、撰写报告等方式提升有效沟通；（4）理解并遵守Web开发领域的职业道微和规范.一、实睑的性质、目的和任务1 .性质本课程的

3、实验性质是非独立设置实验课，在实验实训室中采用上机操作进行。2 .目的通过开展实展，可以让学生掌握如何使用JavaScript实现良好的网页交互、如何使用JQuery及插件i效开发网页，以及如何使用面向时象编程的思想开发J目。3 .任务（1）掌握VSCOde工具卜戢、安装和环境搭建方法。（2）掌握JaVaSCriPt中变址、数据类型、数祖、程序控制流、函数等的法本使用.（3）掌握JaVaSaiPt中对象的使用和基本操作、Math.Date和BOM等对象的使用、类的声明、定义、堆承以及原型锥机制。（4）掌握DoM元素的获取和节点的操作方法、小件的监听方法和任件对象的使用,（6）掌握jQuery中

4、选择器的使用、选中结果集的管理方法、立式网用的方法。（7）掌握jQuery中控制元本福性、样式和内容，操作页面元索的方法。（8）掌握JQUery中设置本件监听，件对象的使用和触发H件的方法。（9）掌握jQuery中制作自定义动画的方法.二、实验的基本内容和要求序号实脸项目天数（学时数实验属性内容与要求1JavaScript中的时象6验证性内容:在页面中动态显示系统时间：使用数组方式实现省市级联效果：使用字符申对歙验证注册页面；制作弹窗效果：在标题栏交行显示学号姓名.要求：掌握对望的概念和创建方法：掌弗Date对软,Math对象、String对象、WindoW对象常用方法和属性：掌旌JavaSc

5、ript中类的声明与定义、构造函数的创建、函数的定义和调用：理解域于构造函数和原鞭的面向对象机制.2DOM4验证性内容：复选柢全选效果1无刷新评论：（史用HTM1.DOM方式修改课堂案例.要求：掌握JavaScript中访问DOM的方法，掌握HTMIDoM标准实现HTM1.元素内容的修改.掌握事件、本件对象的概念、设置本件监听函数的方法，熟悉役格的随性和方法.3jQueryfi1.!6验证性内容：编写,个jQuey程序；改变列表项背景色：双色表格：图书信思的收缩与展开。要求：熟悉jQuery的选择器：掌握jQuery的基本选抨牌：掌握jQuery的层次选择器；掌握!Query的过波选择器：掌握

6、jQuery的表单选择器.4jQuery控制DOM4验证性内容：制作图片展示效果；增加购物车商品信息，要求：掌握查找节点、创建特点、删除节点；掌握亚制节点、替换节点、遍历节点：能够根据衢要动态改变页面元泰的样式：能弊动态改变元素的属性。5jQuery事件4验证性内容:制作登录框特效；制作图片提示效果：使用hover事件实现横向导航菜单.要求：掌握事件绑定方法：*握获知焦点和失去焦点事件：掌提文本标值的判h掌握事件对象的应用：求握合成事件hover的应用：掌握addCass方法。三、主要仪器设备及材料实验实训室、多媒体计算机、VSCOde软件、谷状浏览涔、网络环境四、实验的考核办法实验考核内容主

7、要分为：实验过程、实验设计和实饕报告三部分。实验过程考核主要考查学生课程出勤、实验态度、实验任务完成情况、实验过程中分析时时和解决问遨的能力等方面：实验设计考核主要考查学生设计的规范性、合理性和美观性等方面：实物报告考核主要是考杳实骁报告内容的完整性、正确性和规范性等方面。以上三部分分别占三分之的分数.考核来用分组形式进行,同一小组成员分工不同，统一打分。五、指导书与参考资料指导书:SJaVaSCriPt+jQueryWeb开发案例教程3,前沿科技温源编著.人民出电出版社,2022年5月第1板.参考资料：(JavaScript从入门到精通第4版，明日科技编著,清华大学出版社，2022年11月第4版.打avaScript+jQuery交互式Web前端开发3,黑马程序员编著，人民邮电出版社，2020年4月第1版。