jQuery编程基础课程教学大纲
课程名称：jQuery编程基础，Learning jQuery
课程编码：91210124
学    分：3
总 学 时：60，理论学时：30，实验(或上机)学时：30
适用专业：WEB
先修课程：Web编程基础、Web高级编程技术
执 笔 人：
审 订jquery学习在线教程 人：
一、课程的性质、目的与任务：
jQuery 是一个快速、简单的JavaScript library， 它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。 jQuery受到了越来越多网页开发者的欢迎。
因此本门课程旨在引领学生进入jQuery这个神奇的世界，对网页的快速开发框架有更进一步的认识并能使用。
  通过本门课程的学习：
  1. 使学生认识jQuery框架结构；
  2. 进一步提高学生快速开发前端网页的能力，同时学习jQuery Mobile在移动终端上的做法；
  3. 通过课程项目和案例教学，提高学生在前端网页、移动终端方面的动手能力和解决问题的能力，并鼓励创新。
二、教学基本要求：
  本课程的教学基本要求分为三级：掌握、理解、了解。
  掌握：属较高要求。对于要求掌握的内容都应比较透彻明了，并能熟练灵活地在工程中进行应用。
  理解：属一般要求。对于要求理解的内容都应明了，能够对技术术语进行解释说明，通过进一步学习或资料查询，可以在工程中进行应用。
  了解：属较低要求。对于要求了解的内容，应该知道所涉及的术语及方法。
三、教学内容与学时分配：
第一章 认识jQuery（2学时）
知识点：JavaScript和JavaScript库、jQuery代码的编写、jQuery对象和DOM对象、解决jQuery和其他库的冲突、jQuery开发工具和插件。
重点：编写简单的jQuery代码、jQurey对象和DOM对象的相互转换。
难点：编写简单的jQuery代码。
第二章 jQuery选择器（2学时）
知识点：jQuery选择器的优势、jQuery选择器、应用jQuery改写示例、选择器中的一些注意事项、其他选择器。
重点：基本选择器、层次选择器、过滤选择器、表单选择器、其他选择器。
难点：表单选择器、其他选择器。
第三章 jQuery中的DOM操作（4学时）
知识点：DOM操作的分类、jQuery中的DOM操作、jQuery中的超链接和图片提示效果。
重点：查节点、创建节点、插入节点、删除节点。
难点：属性操作、包裹节点、CSS-DOM操作。
第四章 jQuery中的事件和动画（4学时）
知识点：jQuery中的事件、jQuery中的动画、视频展示效果实例。
重点：加载DOM、合成事件、事件对象的属性、自定义动画方法、模拟操作。
难点：事件冒泡、自定义动画方法。
第五章 jQuery对表单、表格的操作及更多应用（4学时）
知识点：表单应用、表格应用、其他应用。
重点：复选框应用、表单验证、表格展开关闭、表格内容筛选、网页换肤。
难点：表单验证、表格内容筛选、网页换肤。
第六章 jQuery与Ajax的应用（4学时）
知识点：Ajax的优势和不足、Ajax的XMLHttpRequest对象、jQuery中的Ajax、序列化元素、jQuery中的Ajax全局事件、基于jQuery的Ajax聊天室程序。
重点：load()方法、$.get()方法和$.post()方法、$.getScript()方法和$.getJson()方法、$.ajax()方法。
难点：序列化元素、基于jQuery的Ajax聊天室程序。
第七章 jQuery插件的使用和写法（4学时）
知识点：jQuery表单验证插件—Validation、jQuery表单插件—Form、模态窗口插件—SimpleModal、管理Cookie的插件—Cookie、jQuery UI插件、编写jQuery插件。
重点：表单验证插件—Validation、表单插件—Form、jQuery UI插件。
难点：编写jQuery插件。
第八章 用jQuery打造个性网站（4学时）
知识点：案例背景介绍、网站材料、网站结构、网站的(X)HTML、网站样式(CSS)、网站脚本(jQuery)。
重点：文件结构、网页结构、界面设计、编写CSS。
难点：编写CSS、网站脚本。
第九章 jQuery Mobile（2学时）
知识点：HTML 5简介、jQuery Mobile简介、jQuery Mobile主要特性、jQuery Mobile的使用、其他框架。
重点：构建HTML模板、data-role属性、样式切换。
难点：样式切换、移动框架。
四、结合理论教学的实践教学内容与要求
1.上机
序号
项目
内容和要求
实验学时
备注
1
某网站品牌列表的效果
● jQuery选择器的使用
● jQuery提供的选择器的扩展
● 其他使用CSS选择器的方法
4
2
某网站的超链接和图片提示效果
● jQuery中的DOM操作
● CSS-DOM操作
4
3
视频展示效果实例
● 加载DOM
● 移除事件
● slideUp()方法和slideDown()方法　
● 自定义动画方法animate()
4
4
基于jQuery的Ajax聊天室程序
● 设计数据库　
● 服务器端处理　
● 客户端处理　
● 客户端代码　
● 整合代码　
6
5
编写jQuery插件
● 插件的基本要点　
● 插件中的闭包　
● jQuery插件的机制　
4
6
用jQuery打造个性网站
● 准备工作　
● 首页(index.html)上的功能　
● 详细页(detail.html)上的功能　
4
7
jQuery Mobile
● 构建HTML模板　
● data-role属性　
● 添加内容　
● 样式切换　
● PhoneGap
4
五、大纲说明：
（1）采用多媒体教学，通过电子课件及案例教学资料片，提高学生的感性认识；
（2）开展实验案例教学，完成jQuery开发的仿真案例；
（3）布置书面作业和实验作业，安排5次课堂讨论；采用课堂答疑与个别辅导相结合办法；
（4）本课程自学内容及学时：结合教学大纲及课程教学内容，分章节布置自学参考书目及文章。
六、教材与参考书：
1、教材
《锋利的jQuery(第2版)》 ，单东林，张晓菲，魏然　编著，人民邮电出版社，2012年7月
2、参考书：
(1)《jQuery实战(第2版)》，（美）比伯奥特，（美）卡茨　著，三生石上　译，人民邮电出版社，2012年3月
(2)《jQuery基础教程(第3版)》，（美）查弗，（美）斯威德伯格　著，李松峰　译，人民邮电出版社，2012年4月
(3)《jQuery权威指南》，陶国荣，机械工业出版社，2011年1月

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。