jQuery前端开发任务驱动教程-教学大纲 .doc

《jQuery前端开发任务驱动教程》

课程教学大纲

（课程英文名称）

课程编号：

学分：学分

课时：69课时（其中：讲课40课时上机29课时）

先修课程：计算机基础、计算机网络、HTML、CSS、JavaScript

适用专业：信息技术及其计算机相关专业

一、课程的性质与目标

jQuery前端开发任务驱动教程是一门面向Web前端开发学习者的课程，用于帮助学生全面掌握jQuery开发技术。

本课程以任务驱动模式，循序渐进地讲解了jQuery的相关知识，包括初识jQuery、jQuery实现多样化菜单、jQuery实现页面交互、jQuery实现动画效果、jQuery实现图像效果、jQuery操作表单、jQuery操作Ajax、jQueryMobile移动页面开发和一个在线商城的项目实战。另外，本课程秉承立德树人理念，在案例中融入了许多思想政治内容。通过本课程的学习，不仅可以让学生掌握jQuery的核心知识，还可以培养学生的家国情怀、责任担当和敬业精神。

二、课程设计思路和教学要求

课程设计理念：通过学习本课程，使学生掌握如何将jQuery与项目开发相结合。按照学习的难易程度及先后顺序安排具体的内容，可以有效地将学生所学的内容串联起来，从而培养学生分析问题和解决问题的能力。

课程设计思路：本课程根据知识点难易的先后顺序进行讲解。采用任务驱动式体例，主要包括“任务需求”“知识储备”“任务实现”等，在每个任务中，先对任务进行需求分析，然后在知识储备中讲解实现这个任务需要使用到的知识，并结合示例代码帮助学生理解，最后通过任务实现达到学以致用的目标。学完jQuery的基础知识后，通过一个项目实战将所学内容全部串联起来，培养学生分析和解决问题的能力。

操作系统：Windows7或更高版本

开发工具：VisualStudioCode、Chrome

三、课程的主要内容及基本要求

第1章初识jQuery

学习单元

初识jQuery

课时

5课时

学习目标

了解什么是jQuery，能够描述jQuery的特点

掌握VisualStudioCode编辑器的下载和安装方法，能够独立完成VisualStudioCode编辑器的下载和安装

熟悉jQuery的主要功能，能够归纳jQuery的主要功能

掌握$()函数的使用方法，能够灵活运用$()函数创建jQuery对象

掌握jQuery对象的使用方法，能够取出jQuery对象中的元素

掌握选择器的使用方法，能够灵活应用选择器获取元素

掌握on()方法的使用方法，能够使用on()方法实现事件的注册

掌握鼠标事件，能够注册鼠标事件

掌握css()方法的使用方法，能够使用css()方法设置或获取元素样式

掌握jQuery的下载和引入，能够独立完成jQuery的下载和引入

掌握jQuery的简单使用，能够使用jQuery实现单击按钮改变诗句文本颜色的效果

学习内容

知识点

掌握程度

重点

难点

什么是jQuery

了解

VisualStudioCode编辑器

掌握

任务1.1下载和引入jQuery

掌握

jQuery的主要功能

熟悉

$()函数

掌握

√

jQuery对象

掌握

√

选择器

掌握

√

on()方法

掌握

√

鼠标事件

掌握

√

css()方法

掌握

√

任务1.2jQuery的简单使用

掌握

第2章jQuery实现多样化菜单

学习单元

jQuery实现多样化菜单

课时

8课时

学习目标

掌握显示和隐藏元素的方法，能够使用显示和隐藏元素的方法实现页面特效

掌握查找元素的方法，能够灵活应用查找元素的方法查找页面元素

掌握元素索引的获取方法，能够使用index()方法获取元素索引

掌握利用索引取出元素的方法，能够使用eq()方法从元素集中取出指定索引的元素

掌握停止动画的方法，能够灵活应用stop()方法停止元素的动画效果

掌握下拉菜单的实现方法，能够完成下拉菜单的开发

掌握折叠式菜单的实现方法，能够完成折叠式菜单的开发

掌握热卖展示菜单的实现方法，能够完成热卖展示菜单的开发

掌握左进左出导航菜单的实现方法，能够完成左进左出导航菜单的开发

学习内容

知识点

掌握程度

重点

难点

显示和隐藏元素的方法

掌握

√

查找元素的方法

掌握

√

√

任务2.1下拉菜单

掌握

任务2.2折叠式菜单

掌握

√

获取元素索引

掌握

√

根据索引取出元素

掌握

√

任务2.3热卖展示菜单

掌握

停止动画的方法

掌握

√

任务2.4左进左出导航菜单

掌握

√

第3章jQuery实现页面交互（上）

学习单元

jQuery实现页面交互（上）

课时

8课时

学习目标

掌握元素class属性操作，能够灵活应用操作元素class属性的方法

掌握元素过滤操作，能够灵活应用元