JavaScript jQuery前端开发基础教程（第2版）（微课版）-教案全套 刘凡馨

PAGE2/22/2教案课程名称JavaScript+jQuery前端开发基础教程（微课版）课程代码系(部)教研室(实验室)授课教师职称年月PAGE9课程名称JavaScript+jQuery前端开发基础教程（微课版）总计：64学时课程类别专业课课程代码讲授：42学时实验：20学时其他：学时授课教师学分授课对象教材和主要参考资料教材：刘凡馨夏帮贵，《JavaScript+jQuery前端开发基础教程（微课版）》，人民邮电出版社，2024.8参考资料：[美]达克特（JonDuckett）著《JaveScript&jQuery交互式Web前端开发》第2版，清华大学出版社，2015.6课程简介本课程注重基础、循序渐进，系统地讲述了JavaScript和jQuery前端开发的相关基础知识。JavaScript部分涵盖了JavaScript简介、核心语法基础、数组和函数、异常和事件处理、JavaScript对象、浏览器对象等主要内容。jQuery部分涵盖了jQuery简介、选择器和过滤器、操作页面元素、jQuery事件处理、jQuery特效、jQueryAJAX等主要内容。最后综合应用本书介绍的各种知识，实现一个在线咨询服务系统。对于每一个知识点，都尽量结合实例帮助读者学习理解。第1～12章的每章最后部分还给出了一个编程实践来说明本章知识的使用。教学难点重点第1章JavaScript简介JavaScript简介、JavaScript编程工具、在HTML中使用JavaScript、JavaScript基本语法第2章JavaScript核心语法基础数据类型和变量、运算符与表达式、流程控制语句第3章数组和函数数组、函数、内置函数第4章异常和事件处理异常处理、事件处理处理第5章JavaScript对象对象、原型对象和继承、内置对象、类第6章浏览器对象Window对象、Document对象、表单对象第7章jQuery简介了解jQuery、jQuery资源、使用jQuery第8章jQuery选择器和过滤器基础选择器、层级选择器、过滤器第9章操作页面元素元素内容操作、插入内容、包装内容、替换内容、删除内容、复制内容、样式操作教学难点重点第10章jQuery事件处理jQuery事件对象、附加和解除事件处理函数、事件快捷方法第11章jQuery特效简单特效、透明度特效、滑动特效、自定义动画、动画相关的属性和方法第12章AJAX使用XMLHTTPRequest、使用jQuery加载服务器数据、get()和post()方法、获取JSON数据、获取脚本、事件处理第13章在线咨询服务系统系统设计、安装和使用MySQL、系统实现授课题目：第1章JavaScript基础授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：2实验课：2教学大纲要求：让学生了解JavaScript版本、特点，掌握JavaScript编程工具VisualStudioCode，熟悉JavaScript基本语法。教学重点及难点：重点：JavaScript编程工具VisualStudioCode、JavaScript基本语法难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：1.1JavaScript简介1.1.1JavaScript版本 1.1.2JavaScript特点1.2JavaScript编程工具1.2.1下载安装VisualStudioCode1.2.2使用VisualStudioCode1.2.3使用浏览器开发人员工具1.3在HTML中使用JavaScript 1.3.1嵌入式JavaScript脚本1.3.2链接JavaScript脚本1.4JavaScript基本语法1.4.1区分大小写 1.4.2可忽略空格、换行符和制1.4.3不强制使用语句结束符号1.4.4注释 1.4.5标识符命名规则 1.4.6输入和输出语句 实验课内容：1.5编程实践：在页面中输出唐诗授课题目：第2章JavaScript核心语法基础授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：4实验课：1教学大纲要求：让学生掌握数据类型和变量、运算符与表达式、流程控制语句。教学重点及难点：重点：数据类型和变量、运算符与表达式难点：流程控制语句作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：2.1数据类型和变量2.1.1数据类型2.1.2数据类型转换2.1.3变量 2.2运算符与表达式2.2.1算术运算符2.2.2字符串运算符2.2.3关系运算符2.2.4逻辑运算符2.2.5位运算符2.2.6赋值运算符2.2.7特殊运算符2.2.8运算符的优先级2.2.9表达式中的数据类型2.3流程控制语句2.3.1if语句2.3.2switch语句2.3.3for循环2.3.4while循环2.3.5do/while循环2.3.6continue语句2.3.7break语句实验课内容：2.4编程实践：根据用户选择显示名著作者授课题目：第3章数组和函数授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：5实验课：1教学大纲要求：让学生掌握数组、函数和内置函数。教学重点及难点：重点：数组、函数和内置函数难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：3.1数组 3.1.1创建数组 3.1.2使用数组 3.1.3数组的属性 3.1.4操作数组的方法3.2函数 3.2.1定义函数 3.2.2调用函数 3.2.3带参数的函数 3.2.4嵌套函数 3.2.5递归函数 3.3内置函数 实验课内容：3.4编程实践：模拟汉诺塔移动授课题目：第4章异常和事件处理授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：2实验课：1教学大纲要求：让学生掌握异常处理、事件处理。教学重点及难点：重点：异常处理、事件处理难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：4.1异常处理4.1.1捕获和处理异常4.1.2抛出异常4.2事件处理4.2.1理解事件 4.2.2注册事件处理程序 4.2.3事件处理程序的调用 4.2.4阻止事件传播4.2.5页面加载与卸载事件4.2.6鼠标事件4.2.7键盘事件4.2.8表单提交事件实验课内容：4.3编程实践：响应鼠标操作授课题目：第5章JavaScript对象授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：2实验课：2教学大纲要求：让学生掌握使用对象、原型对象和继承、内置对象、类。教学重点及难点：重点：使用对象、原型对象和继承、内置对象难点：原型对象和继承、类作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：5.1对象 5.1.1创建对象 5.1.2使用对象属性 5.1.3对象的方法 5.1.4构造函数 5.1.5with语句 5.2原型对象和继承 5.3内置对象 5.3.1Math对象 5.3.2Date对象 5.3.3String对象 5.4类 5.4.1使用工厂函数定义类 5.4.2使用构造函数定义类 5.4.3使用class关键字定义类 5.4.4为类添加和修改方法 5.4.5子类 实验课内容：5.4编程实践：输出随机素数授课题目：第6章浏览器对象授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：2实验课：1教学大纲要求：让学生掌握Window对象、Document对象和表单对象。教学重点及难点：重点：Window对象、Document对象和表单对象难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：6.1Window对象6.1.1Window对象层次结构6.1.2Window对象的常用属性和方法6.1.3定时操作6.1.4错误处理 6.1.5Navigator对象6.1.6Screen对象 6.1.7窗口操作 6.1.8用ID引用HTML标记6.2Document对象6.2.1常用属性和方法6.2.2动态输出文档6.2.3了解DOM 6.2.4获得HTML标记的引用 6.2.5遍历文档结点 6.2.6访问HTML标记属性 6.2.7访问HTML标记内容6.2.8创建、添加和删除结点6.3表单对象 6.3.1引用表单和表单元素6.3.2表单事件实验课内容：6.4编程实践：选项卡切换授课题目：第7章jQuery简介授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：1实验课：1教学大纲要求：让学生了解jQuery、jQuery资源，掌握如何在页面中使用jQuery教学重点及难点：重点：掌握如何在页面中使用jQuery难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：7.1了解jQuery 7.1.1jQuery主要功能 7.1.2jQuery主要特点 7.2jQuery资源 7.2.1下载jQuery 7.2.2查看jQuery文档 7.2.3jQuery学习中心 7.2.4中文学习资源 7.3使用jQuery 7.3.1引入jQuery 7.3.2jQuery语法 7.3.3选取HTML标记 7.3.4上下文 7.3.5将HTML标记转换为jQuery对象 7.3.6使用链接方法调用 7.3.7jQuery命名空间 实验课内容：7.4编程实践：在页面加载视频授课题目：第8章jQuery选择器和过滤器授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：4实验课：2教学大纲要求：让学生掌握基础选择器、层级选择器和过滤器。教学重点及难点：重点：基础选择器、层级选择器和过滤器难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：8.1基础选择器 8.1.1ID选择器 8.1.2类名选择器 8.1.3元素选择器 8.1.4复合选择器 8.1.5通配符选择器 8.2层级选择器 8.2.1祖孙选择器 8.2.2父子选择器 8.2.3相邻节点选择器 8.2.4兄弟节点选择器 8.3过滤器 8.3.1基础过滤器 8.3.2内容过滤器 8.3.3子元素过滤器 8.3.4可见性过滤器 8.3.5表单过滤器 8.3.6属性过滤器 实验课内容：8.5编程实践：动态提示授课题目：第9章操作页面元素授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：4实验课：2教学大纲要求：让学生掌握元素内容操作、插入结点、包装结点、替换结点、删除结点、复制结点和样式操作。教学重点及难点：重点：掌握元素内容操作、插入内容、包装内容、替换内容、删除内容、复制内容和样式操作难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：9.1元素内容操作 9.1.1html()和text()方法 9.1.2val()方法 9.1.3attr()方法 9.2插入内容9.2.1append()和appendTo()方法 9.2.2prepend()方法和prependTo()方法 9.2.3after()方法和insertAfter()方法 9.2.4before()方法和insertBefore()方法9.3包装内容 9.3.1wrap()方法 9.3.2wrapAll()方法 9.3.3wrapInner()方法 9.3.4unwrap()方法 9.4替换内容 9.4.1replaceWith()方法 9.4.2replaceAll()方法 9.5删除内容 9.5.1empty()方法 9.5.2remove()方法 9.5.3detach()方法 9.6复制内容 9.7样式操作 9.7.1css()方法 9.7.2CSS类操作方法 实验课内容：9.8编程实践：jQuery版的选项卡切换授课题目：第10章jQuery事件处理授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：2实验课：1教学大纲要求：让学生掌握jQuery事件对象、附加和解除事件处理函数、事件快捷方法。教学重点及难点：重点：掌握jQuery事件对象、附加和解除事件处理函数、事件快捷方法难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：10.1jQuery事件对象 10.1.1事件对象构造函数 10.1.2事件对象属性 10.1.3事件对象方法 10.2附加和解除事件处理函数10.2.1附加事件处理函数10.2.2解除事件处理函数10.3事件快捷方法 10.3.1浏览器事件快捷方法10.3.2表单事件快捷方法10.3.3键盘事件快捷方法 实验课内容：10.4编程实践：jQuery版的自由拖放授课题目：第11章jQuery特效授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：4实验课：2教学大纲要求：让学生掌握简单特效、透明度特效、滑动特效、自定义动画、动画相关的属性和方法。教学重点及难点：重点：简单特效、透明度特效、滑动特效、自定义动画、动画相关的属性和方法难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：11.1简单特效 11.1.1隐藏元素 11.1.2显示元素 11.1.3隐藏/显示切换 11.2透明度特效 11.2.1淡入效果 11.2.2淡出效果 11.2.3调整透明度 11.2.4淡入淡出切换 11.3滑动特效 11.3.1滑入效果 11.3.2滑出效果 11.3.3滑入滑出切换效果 11.4自定义动画 11.4.1字面量动画 11.4.2相对量动画 11.4.3自定义显示或隐藏 11.4.4位置动画 11.5动画相关的属性和方法 11.5.1动画延时 11.5.2停止动画 11.5.3结束动画 11.5.4禁止动画效果 实验课内容：11.6编程实践：动态显示和隐藏选项卡内容授课题目：第12章AJAX授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排理论课：6实验课：2教学大纲要求：让学生掌握加载服务器数据、get()和post()方法、获取JSON数据、获取脚本、事件处理。教学重点及难点：重点：加载服务器数据、get()和post()方法、获取JSON数据、获取脚本、事件处理难点：作业、讨论题、思考题：课后习题课后总结分析：教学内容备注理论课主要教学内容：12.1使用XMLHttpRequest 12.1.1AJAX概述 12.1.2部署服务