课程教学大纲(前端页面优化).docx
JQuery+Ajxa应用开发教学大纲一、课程性质与任务1 .课程性质:必修课2 .课程任务:JQuea+Ajxa应用开发课程的主要任务是在HTML, CSS, JavaScript的基础上 讲授jQuery框架基础,jQuery选择器,jQuery筛选器,jQuery事件模型,jQuery操作DOM, jQuery 动画,AJAX简介,jQuery AJAX应用,jQuew常用插件等知识。由于jQue灯主要讲解前台网页设 计,所以学员要有一定的JavaScript基础。二、课程教学基本要求理论课时:28节上机课时:26节考核形式:考查三、课程教学内容第一章jQuery框架简介教学内容:本章主要介绍jQuery的简介,以及JQuery开发大优势,并掌握JQuery的安装与调 试,使用简单的jQuery代码实现以前JavaScript复杂的功能。第二章Jquery遭锄喘端教学内容:本章主要介绍基础选择器,层次选择器,简单选择器,内容选择器,可见性择器, 属性选择器,子元素选择器,表单选择器,表单对象选择器的使用,完成通过选择器查找元素并对元素 进行操作第三章jQuery操作DOM教学内容:本章主要介绍了 JS和Jquery分别获取DOM元素以及相互之间的转换,$(this)关键 词的使用,Jquy添加删除样式,设置网页元素的属性,在元素内部添加节点,在元素外部插入节 点,替换节点,删除节点,复制节点,遍历元素等操作。第四章jQue”事件模型教学内容:本章主要jQuery的事件模型,掌握页面载入事件,鼠标常用事件,事件的绑定方式, 事件的冒泡现象,结合事件进行表单验证,结合事件进行样式切换效果等操作。第五章jQuery动画教学内容:本章主要 jQuery 的动画,掌握 show, hide, toggle, toggleClass, fadein, fadeOut, fadeToggle, fadeTo, slideDown, slideUp, slideToggle, animate 等函数进行动画效果的制作,利用 动画函数制作页面导航菜单等。第六章jQuery AJAX应用教学内容:本章主要介绍ajax特点及组成要素,使用ajax实现异步技术。jQuery中ajax应 用提供的常用方法和ajax事件。第七章jQuery插件应用教学内容:本章主要介绍jqueryUI插件中的autocomplete,鼠标拖拽,折叠面板,日历控件, Tab选项卡,模态对话框,提示框等效果的制作以及使用slidr插件制作幻灯片效果。四、学时分配表章序内容课时备注1jQuery框架简介42Jquery选择器和筛选器123jQuery 操作 D0M124jQuery事件模型85jQuery动画86jQuery AJAX 应用47jQuery插件应用6五、教材及参考书参考书:jQu.y实战从入门到精通主编:未来科技出版社:中国水利水电出版社注:列出1 3本同类型不同编者(出版社)的书名、作者、出版社及版本执笔:审定:(系或教研室主任签字)