PAGE
PAGE2/NUMPAGES2
PAGE2/NUMPAGES2
教案
课程名称
JavaScript+jQuery前端开发基础教程（微课版）
课程代码
系(部)
教研室(实验室)
授课教师
职称
年月
PAGE9
课程
名称
JavaScript+jQuery前端开发基础教程（微课版）
总计：64学时
课程
类别
专业课
课程代码
讲授：42学时
实验：20学时
其他：学时
授课
教师
学分
授课
对象
教材和主要参考资料
教材：刘凡馨夏帮贵，《JavaScript+jQuery前端开发基础教程（微课版）》，人民邮电出版社，2024.8
参考资料：[美]达克特（JonDuckett）著《JaveScriptjQuery交互式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下载安装VisualStudioCode
1.2.2使用VisualStudioCode
1.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
教学大纲要求：让学