JavaScript jQuery前端开发基础教程（第2版）（微课版）-教学大纲、授课计划.doc

PAGE1

PAGE3

《JavaScript+jQuery前端开发基础教程（微课版）》

教学大纲

学时：64

代码：

适用专业：

制定：

审核：

批准：

一、课程的地位、性质和任务

前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。

前端开发是普通高等学校信息技术相关专业的一门重要的基础课。通过本课程的学习，使学生能够在已有的计算机基础知识基础上，对Web前端开发有一个系统的、全面的了解、为掌握前端发打下良好的基础；在系统理解和掌握JavaScript、jQuery开发基本原理的基础上，了解和掌握Web前端开发的基本原理和方法，具有设计和开发Web应用的基本能力。

前端开发是一门实践性非常强的课程，它要求学生在理解和掌握JavaScript、jQuery语法的基础上，充分利用实验课程，在计算机上动手完成程序的编写和调试。

二、课程教学基本要求

1.课程教学以JavaScript和jQuery程序设计方法为主，在教学过程中让学生掌握前端开发的基本原理和方法。

2.要求在教学过程中合理安排理论课时和实验课时，让学生有充分的使用在计算机上练习理论课程中学到的前端开发技巧和方法。

三、课程主要内容

第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简介

4

2

2

第2章

JavaScript核心语法基础

5

4

1

第3章

数组和函数

6

5

1

第4章

异常和事件处理

3

2

1

第5章

JavaScript对象

4

2

2

第6章

浏览器对象

3

2

1

第7章

jQuery简介

2

1

1

第8章

jQuery选择器和过滤器

6

4

2

第9章

操作页面元素

6

4

2

第10章

jQuery事件处理

3

2

1

第11章

jQuery特效

6

4

2

第12章

AJAX

8

6

2

第13章

在线咨询服务系统

6

4

2

合计

=SUM(ABOVE)62

=SUM(ABOVE)42

=SUM(ABOVE)20

五、实验项目及基本要求

注：教材每章“编程实践”作为实验项目内容

实验一在页面中输出唐诗

要求：掌握在VSCode创建HTML文档的方法、用JavaScript脚本在浏览器中输出字符串以及在VSCode查看HTML文档输出结果的方法。

实验二根据用户选择显示名著作者

要求：掌握JavaScript中运算符、表达式和流程控制语句的使用。

实验三编写JavaScript脚本模拟汉诺塔移动

要求：掌握数组、递归函数的使用。

实验四响应鼠标操作

要求：掌握鼠标事件的处理方法

实验五输出随机素数

要求：掌握JavaScript对象的使用、常用内置对象。

实验六选项卡切换

要求：掌握Document对象和表单对象的使用。

实验七在页面加载视频

要求：掌握在JavaScript脚本使用jQuery库

实验八动态提示

要求：掌握jQuery中jQuery函数、基础选择器、层级选择器和过滤器的使用

实验九jQuery版的选项卡切换

要求：掌握使用jQuery操作页面元素

实验十jQuery版的自由拖放

要求：掌握使用jQuery事件快