jQuery网页特效设计基础教程(慕课版)(第2版)-教学大纲、教案第1章 JavaScript基础.docx
课次
授课内容或实验内容
教学重点及层次要求
教学难点
课时分配
辅助设施
1
JavaScript基础及jQuery概述
JavaScript概述
JavaScript的开发工具
jQuery对象和DOM对象
2
多媒体
JavaScript的开发工具
JavaScript库
jQuery概述
jQuery下载与配置
jQuery对象和DOM对象
jQuery插件简介
2
使用jQuery选择器1
jQuery的工厂函数
基本选择器
2
多媒体
什么是jQuery选择器
jQuery选择器的优势
基本选择器
3
使用jQuery选择器2
层次选择器
层次选择器
过滤选择器
2
多媒体
过滤选择器
属性选择器
表单选择器
混淆选择器
选择器中的一些注意事项
4
实践课1
编写第一个JavaScript程序
jQuery选择器
2
计算机
表格隔行换色及鼠标指针指向行变色
5
使用jQuery操作DOM1
DOM操作的分类
对元素内容和值进行操作
2
多媒体
对元素内容和值进行操作
对DOM文档节点进行操作
6
使用jQuery操作DOM2
对DOM文档节点进行操作
对DOM文档节点进行操作
2
多媒体
对元素属性进行操作
对元素的CSS样式进行操作
7
实践课2
实现我的开心小农场
jQuery操作DOM节点
1
计算机
多媒体
8
jQuery中的事件处理与动画效果
jQuery中的事件处理
滑动动画效果
2
多媒体
jQuery中的动画效果
9
HTML表单概述
表单标记
输入标记
2
多媒体
输入标记
文本域标记
菜单和列表标记
10
使用jQuery操作表单和表格
使用jQuery操作表单元素
使用jQuery操作表格
2
多媒体
使用jQuery操作表格
11
实践课3
实现图片传送带
滑动动画效果
2
计算机
删除记录时的提示效果
京东登录注册表单
表单应用
1
计算机
12
Ajax在jQuery中的应用
Ajax技术简介
jQuery中的Ajax应用
2
多媒体
安装Web运行环境——AppServ
通过JavaScript应用Ajax
jQuery中的Ajax应用
Ajax的全局事件
13
jQueryUI的常用插件1
初识jQueryUI插件
jQueryUI的常用插件
2
多媒体
jQueryUI的常用插件
14
jQueryUI的常用插件2
jQueryUI的常用插件
jQueryUI的特效
2
多媒体
jQueryUI的特效
15
实践课4
使用Ajax实现留言板即时更新
jQueryUI的特效
2
计算机
使用jQuery实现许愿墙
16
常用的第三方jQuery插件
jQuery插件概述
常用jQuery插件的使用
2
多媒体
常用jQuery插件的使用
17
实践课5
jQuery性能优化与技巧
使用ColorPicker插件制作颜色选择器
ColorPicker插件
2
多媒体
计算机
jQuery性能优化
jQuery常用技巧
18
HTML5基础
HTML5新特性
浏览器对HTML5的支持
2
多媒体
浏览器对HTML5的支持
19
jQuery与HTML5编程
Canvas绘图
Canvas绘图
2
多媒体
图片旋转
WebStorage编程
20
实践课6
旅游信息网前台页面设计
jQuery与HTML5编程
2
计算机
21
实践课7
综合实战——使用jQuery实现携程网站特效
综合实战
2
计算机
第1章JavaScript基础
课程名称
jQuery网页特效设计基础教程
项目名称
JavaScript基础
任务名称
JavaScript基础
课时
1
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
知识目标
1.了解什么是JavaScript。
2.了解JavaScript的开发工具及使用。
3.了解如何编写JavaScript程序。
4.了解JavaScript的程序出错类型及调试方式。
5.了解JavaScript常用库。
能力目标
1.能够搭建JavaScript开发环境及工具使用。
2.能够使用JavaScript的调试方式来进行代码调试。
素质目标
1.培养学生独立自主的学习态度。
2.培养学生规范、严谨的工作态度。
教学内容
1.任务描述
2.任务展示与实现
(1)利用记事本编写JavaScript代码并验证其效果
(2)应用VSCode编程JavaScript脚本
(2)学生动手操作
3.教师讲解本任务涉及的知识点
4.任务小结
教学重点
1.JavaScript的应用领域
2.JavaScript的特点
3.编写JavaScript脚本
教学难点
1.应