《jQuery程序设计》课程标准
课程代码：400034              课程类别：理论+实践
适用专业：计算机应用技术      学    时：96
编 写 人：  孙婷婷            审定负责人：李凌
一、课程的性质 
jQuery是继prototype之后的又一个优秀的Javascript框架。它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。此外，数百种为扩展jQuery功能而开发的插件，更使得它几乎成为使用各类客户端脚本编程的必备工具。
《jQuery程序设计》是软件技术专业的核心课程之一，是网页制作技术方向系列课程中的主干课程。该课程对于实现专业的培养目标、增强学生的就业竞争力具有非常重要的作用，是检验专业教学成果的重要课程，也是评价本专业学生是否掌握学科基础知识、能否综合运用所学知识解决实际问题、是否具备软件开发各种技能的重要课程；
本课程的先导课为《HTML网页制作技术》、《CSS网页制作技术》、《JavaScript程序设计》；后续课程为《ASP.NET程序设计》、《顶岗实习》。
二、设计思路
高职教育的集中实践教学环节也要明确必要的理论知识深化和拓展的要求，不能局限于单纯的技能训练作用。单纯的技能训练不是高职教育的理想课程。
本课程设计理念是以职业能力培养为重点，以就业为导向，培养学生具备职业市场所需的职业能力，生涯发展所需的能力和终身学习的能力。
基于工作过程开发课程，以行动导向进行教学设计，以学生为主体，以实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标、以施工任务（项目）为载体、理论学习与实践操作结合。
三、课程职业描述与培养目标
1 课程职业描述
本课程对高端技能型专门人才的培养具有重要意义，通过课程的教学使学生掌握jQuery专业理论知识和实际操作技能，为从事软件技术专业软件开发工程师岗位奠定良好的专业基础。具备jQuery技能的人才主要从事基于WEB技术的电子商务及网站开发、维护工作 ,参与开发环境的设计和搭建 ,承担系统设计、程序设计和开发工作,完成项目相关文档和质量记录 ,解决软件出现的问题和缺陷。
2培养目标
《jQuery程序设计》课程的教学目标是：在现有本专业教学改革和课程建设成果的基础上，以现代教育理念为指导，以培养应用型人才为目标，加强教学与科研的紧密结合，整合提升教学改革和课程建设成果，通过对学生进行工学结合、以项目驱动为主要教学手段的课程学习，培养具有扎实、系统的WEB技术和面向对象的编程思想的高端技能型专门人才。
    1.知识教学目标：学会jQuery的一些相关知识，尤其是选择器及一些常用效果。
    2.技能教学目标：在jQuery的一些基础知识之上，能够进行一些插件的使用或者对一些网上下载的一些jQuery效果进行修改。
    3.素质教育目标：此课程是前端非常重要的一部分，让学生重要。养成良好的编码习惯，培养团队合作精神。
四、与前后课程的联系
在学本课程之前，学生已学习了《计算机应用基础》、《HTML基础》、《DW》《JavaScript》等基础课程的，具备基本的计算机操作和语言编译基础。
五、课程内容及学时安排
序号
教学任务
知识点
训练或工作项目
教学要求
参考
学时
11
jQuery基础知识
1.javascript和javascript库
2.jquery的作用及优势
3.jquery的环境配置
4.jquery基本结构的讲解。
项目1：实验1 编写jQuery驱动页面并学会使用Firebug辅助工具
1.了解javascript和javascript库
2.理解jquery的作用及优势
3.熟练配置jquery环境
4.深刻理解jquery基本结构（重点）
8
22
jQuery选择器
项目2：利用jQuery选择DOM元素
1.掌握常见选择器的作用和用法。（重点）
2.学会使用jquery手册
12
63
jQuery事件
1.Jquery常用的事件及合成事件的使用
2.Jquery事件的一些基本操作，例如绑定、事件对象属性、移除、模拟等。
项目3：利用jQuery事件实现网页特效和菜单导航
1.掌握常见的jquery事件及合成事件的使用。（重点）
2.了解jquery事件的对象属性
3.掌握Jquery事件的模拟操作
12
74
jQuery动画
1.    jQuery常用动画函数的使用及参数设置
2.自定义动画方法
项目4：利用jQuery动画实现网页特效
1.熟练掌握jquery动画方法：显示隐藏、淡入淡出、滑上滑下及复合动画函数等（重点）
2.掌握自定义动画animate的使用技巧（重点）
14
35
DOM操作
1.掌握DOM模型的概念和层次结构
2.掌握DOM元素的插入、移动、替换、删除和复制等操作函数
项目5：利用jQuery实现DOM操作
3.掌握DOM元素属性操作的方法
4.掌握DOM元素的插入、移动、替换、删除和复制等操作
5.熟练运用find()和each()方法对DOM元素进行查和遍历
6.掌握表单元素的操作
12
56
通过AJAX发送数据
1.掌握不同数据格式（html格式数据、JSON格式数据以及XML格式的数据）的数据请求及数据加载。
1.了解请求过程中的错误处理
2.认识AJAX和事件
项目6：通过AJAX发送数据
1.如何利用GET、POST等技术向服务器传递数据
2.如何利用AJAX从服务器请求不同的内容
3.熟悉安全限制和一些其他的工具
4.
12
87
jQuery插件的使用
1.表单验证插件
2.图片放大镜插件
3.网页换肤插件
4.插件与库冲突的解决办法
项目7：使用插件实现网页特效
1.熟练掌握使用插件的方法
2.能够解决库冲突的问题
10
88
开发jQuey插件
1.熟悉jQuery插件的制作过程
2.掌握jQuey添加全局函数和新的方法
项目8：开发jQuery插件
1.掌握在jQuery命名空间中添加新的全局函数的方法
2.掌握添加新的jQuery方法，以操作DOM元素
3.会使用jQuery UI插件工厂创建完善的插件
4.能够对外发布完工的插件
12
合计
90
六、实施建议
（一）实践教学条件要求
根据本课程的特点建议理实一体化教学。这就对专业实训室有更高的要求：   
1.每天计算机上必须安装Firefox（火狐）浏览器、Dreamweaver软件。
2.配置服务器，用来存放教师提供的素材以及所有学生上机完成的作业内容。   
3.配置教师机，供教师示范操作使用。   
4.必须实现全部计算机联网并按照多媒体教学广播软件，教师可将示范的内容通过广播软件显示在学生机的屏幕上，使用投影仪会影响后排学生的观看效果，并且造价太大。   
5.必须提供学生自由上机的时间，软件开发需要大量的课余时间进行练习，提供一个好的学习环境。
（二） 教材或参考资料选用
1教材选用及编写
《jQuery基础教程（第4版）》(美) Jonathan Chaffer  Karl Swedberg编著，人民邮电出版社，2013年9月
2参考资料选用
①《jQuery实战（第2版）》[美]Bear Bibeault　Yehuda Katz等著，人民邮电出版社，2012年3月   
②《jQuery开发从入门到精通》袁江编著，清华大学出版社，2013年6月
③《jQuery应用开发实践指南》（德）Ralph Steyer编著，机械工业出版社，2014年4月
（三） 教学方法
jquery在项目里是干啥的
（1）课堂情境教学法
从教学需要和教材出发，引入、制造或创设与教学内容相适应的具体场景或气氛，以引起
学生的情感体验，帮助学生迅速而正确的理解教学内容，提高教学效率。将软件开发的流程转换成情境教学的每一步骤，启发、引导学生的思维与操作，让学生学会解决问题的方法和手段，了解软件开发的基本流程，实现职业岗位能力的培养。在 Windows程序设计（C#语言）的教学过程中，融入职业开发的过程，将软件开发的系统调查、需求分析、系统设计、系统实施、系统评审、系统维护创设为：
✧ 情景描述—是什么；
✧ 情景需求—做什么；
✧ 情景分析—如何做；
✧ 情景实现—跟我做；
✧ 情景完善—我要做；
✧ 课堂点评—谁最好；
✧ 相关知识点介绍—为什么这样做；
✧ 情景扩展—拓展与提高。
首先给学生呈现出各种各样的主题任务来驱动教学，提出问题，集中学生的注意力，促使学生主动思考；再是解决问题，即让学生带着问题进行上机实践、主动探索，使学生在学习过程中能真正成为软件开发主体，并用旧知带动新知，从而达到对新老知识的构建，学生更容易接受。
（2）项目驱动实践教学法
按照软件工程思想把一工程项目“信息管理系统”展开并贯穿于整个教学, 教学过程为师生互动过程, 学生在项目研发的过程中掌握所学知识, 这样就使学生明白使用所学知识 “可以做什么”“应该做什么”和“如何做” 。
在授课的内容上，我们将项目设计成为学习型, 训练型两种类型。学习型项目规模较小, 目的是通过项目, 使学生能够深入理解课程的重点与难点，其主要应用在实验室和课堂的练习过程中。训练型为大中规模项目，要求学生在老师的带领下，完成从项目的需求分析、系统设计到编码实现、测试部署的全过程，主要应用在课程设计和毕业设计中。
项目在教学过程的实施中：
①实验室到课堂、课堂到实验室
我们将授课的地点从教室转换到机房。在机房上课，这正好适应了项目式教学中要求教师和学生角转换的特点。另外，在机房上课时学生理论学习与实际操作相隔时间短，学生能够及时的实践，学生所获得的感性认识能及时上升到理性认识而不容易遗忘。在机房授课的过程充分发挥了其教学效率高，掌握快的特点。
②校企联合,实战演练。同北大青鸟合作，借鉴北大青鸟的实训模式和实训资源，学生实训过程中完全按照 IT 企业的工作机制，将老师和学生进行角的完全转换，老师就是老板，学生就是员工，即教师只是作为项目需求方提出需求，学生来完成真实项目的开发与设计。
（四） 实践课实施
(1)实践课必须使用投影仪播放上机教学PPT，进行阶段控制； 

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