《《交互式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版。