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

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

教学大纲要求：让学