职业学院移动应用开发专业使用Ajax技术优化Web页面课程标准

XXXX职业学院移动应用开发专业使用Ajax技术优化Web页面课程标准一、课程基本信息1.课程名称：使用Ajax技术优化Web页面课程（54411402）2.课程属性：专业核心课（B类）3.开课学期：第2学年，第3学期4.基准学时：48学时，计3学分二、课程定位使用Ajax技术优化Web页面课程是移动应用开发专业的核心课程之一，是该专业的专业必修课。通过本课程的学习，Ajax技术在基于Web的应用程序开发中有重要的作用，可以构建高度交互性的应用，满足用户实时无刷新的数据交互。本课程主要讲述与Ajax相关的技术细节，使学生能够熟练掌握Ajax的使用。前导课程有《JavaScript技术应用》、《HTML网页设计》《XML》，后续课程有《J2EE项目开发》、《JavaWeb应用开发实训》、《毕业实习》等。三、课程目标1.能力目标（1）具备使用HTML，CSS，JavaScript等技术编写网站前台静态页面的能力；（2）能深刻理解使用Ajax技术开发优势；（3）能使用Ajax开发交互式网站；（4）能使用Ajax开发交互式网站；2.知识目标（1）了解本课程的教学目标和该课程在本专业课程体系中的作用、考核方式；（2）掌握AJAX的相关概念；（3）掌握AJAX实现异步刷新功能；（4）能通过Ajax实现基本的校验；3.态度目标（1）具备Ajax交互式网站开发基本素养；（2）具备良好的职业道德素养和严谨细致的工作作风；（3）具备一定的自学能力，独立分析问题和解决问题的能力；四、课程设计以职业能力培养为重点，以就业为导向，培养学生具备职业市场所需的职业能力，生涯发展所需的能力和终身学习的能力。基于工作过程开发课程，以行动导向进行教学设计，以学生为主体，以实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计以职业技能培养为目标、以施工任务(项目)为载体、理论学习与实践操作结合。2.课时分配序号课程单元学习任务参考学时1什么是AjaxAjax概述、XMLHttpRequest、Ajax名词的由来42

Ajax技术构成JavaScript：Ajax的开发语言、JavaScript基础语法结构163Ajax应用技术分析

完善的Ajax应用程序：Ajax留言本、调试技巧、常见问题84

Ajax应用进阶篇数据的组织方式：XML、数据的组织方式：JSON、JavaScript面向对象编程（OOP）跨浏览器的兼容性问题105Ajax实战篇Ajax高级表单验证程序、Ajax动态联动菜单、Ajax聊天室103.课程单元描述（格式按以下表格，填写参考示例）课程单元一什么是Ajax课程单元名称什么是Ajax课时数4学习目标通过学习，学生能够掌握Ajax异步调用开发的基本概念，了解Ajax概述、XMLHttpRequest，掌握搜索关键词建议系统（GoogleSuggest）、优秀的电子邮件服务系统（Gmail）。学习内容1.任务1Ajax的基本概念（1）关键技术：XMLHttpRequest（2）

Ajax名词的由来（3）Gmail主界面（4）

Inbox（收件箱）工作区域（5）WebClip（网络剪辑）（6）

邮件操作区域（7）操作邮件教学方法和建议基于EDCIO的项目化驱动与任务导向的教学，每个模块通过2～4个工作任务完成教学；重点模块内容实行“教、学、做”合一方式，即边教、边学、边做(项目训练)；教学条件要求多媒体网络教室学生已有基础Java编程技术开发、WEB前端HTML与CSS技术能力、JavaScript技术应用、JQuery技术应用教师执教能力要求对Ajax的前世今生了解得非常透彻，能够对学生的想法及时做出评价并善于引导学生课程单元二

Ajax技术构成课程单元名称

Ajax技术构成课时数16学习目标通过学习，学生能够掌握

JavaScript：Ajax的开发语言，数据类型和值，使用定义及

JavaScript的变量、JavaScript的函数等学习内容任务1

Ajax技术构成（1）JavaScript概述（2）数据类型和值（3）JavaScript的变量（4）表达式和运算符（5）

语句（6）JavaScript的函数（7）JavaScript的常用对象（8）DOM文档对象模型介绍（9）开发Ajax应用程序需要使用的工具教学方法和建议基于EDCIO的项目化驱动与任务导向的教学，每个模块通过2～4个工作任务完成教学；重点模块内容实行“教、学、做”合一方式，即边教、边学、边做(项目训练)；教学条件要求多媒体网络教室学生已有基础Java编程技术开发、WEB前端HTML与CSS技术能力、JavaScript技术应用、JQuery技术应用教师执教能力要求对Ajax的前世今生了解得非常透彻，能够对学生的想法及时做出评价并善于引导学生课程单元三Ajax应用技术分析课程单元名称Ajax应用技术分析课时数8学习目标通过学习，学生能够掌握Ajax应用技术异步调用、完善的Ajax应用程序：Ajax留言本。学习内容任务1Ajax应用技术分析（1）

HelloWorld！分析（2）完善的Ajax应用程序：Ajax留言本（3）调试技巧（4）常见问题教学方法和建议基于EDCIO的项目化驱动与任务导向的教学，每个模块通过2～4个工作任务完成教学；重点模块内容实行“教、学、做”合一方式，即边教、边学、边做(项目训练)；教学条件要求多媒体网络教室学生已有基础Java编程技术开发、WEB前端HTML与CSS技术能力、JavaScript技术应用、JQuery技术应用教师执教能力要求对Ajax的前世今生了解得非常透彻，能够对学生的想法及时做出评价并善于引导学生课程单元四Ajax应用进阶篇课程单元名称Ajax应用进阶篇课时数10学习目标通过学习，学生能够掌握JSON数据格式存储数据，浏览器兼容性问题解决方案学习内容1.任务1jsp隐式对象（1）数据的组织方式：XML（2）数据的组织方式：JSON（3）JavaScript面向对象编程（OOP）（4）跨浏览器的兼容性问题（5）Prototype.js框架介绍（6）关于架构的思考教学方法和建议基于EDCIO的项目化驱动与任务导向的教学，每个模块通过2～4个工作任务完成教学；重点模块内容实行“教、学、做”合一方式，即边教、边学、边做(项目训练)；教学条件要求多媒体网络教室学生已有基础Java编程技术开发、WEB前端HTML与CSS技术能力、JavaScript技术应用、JQuery技术应用教师执教能力要求对Ajax的前世今生了解得非常透彻，能够对学生的想法及时做出评价并善于引导学生课程单元五Ajax实战篇课程单元名称Ajax实战篇课时数8学习目标通过学习，学生能够将学习Ajax知识内容灵活运用到实际的项目中，完成表单验证，菜单联动与数据交互无刷新页面功能实现。学习内容任务1Ajax实战篇（1）Ajax高级表单验证程序（2）Ajax动态联动菜单（3）Ajax聊天室教学方法和建议基于EDCIO的项目化驱动与任务导向的教学，每个模块通过2～4个工作任务完成教学；重点模块内容实行“教、学、做”合一方式，即边教、边学、边做(项目训练)；教学条件要求多媒体网络教室学生已有基础Java编程技术开发、WEB前端HTML与CSS技术能力、JavaScript技术应用、JQuery技术应用教师执教能力要求对Ajax的前世今生了解得非常透彻，能够对学生的想法及时做出评价并善于引导学生课程考核本课程考核侧重与考核学生的学习过程及学习结果，因此考勤占20%，课堂纪律及作业占20%，项目测验及期末考试占60%。六、教材及其它教学资源1.使用教材细说AJAX与jQuery作者：兄弟连教育

编出版社：

\o"电子工业出版社"电子工业出版社ISBN：9787121327926出版时间：2017-10-01参考书用户体验要素：以用户为中心的产品设计（原书第2版）作者：[美]

杰西·詹姆斯·加勒特（JesseJamesGarrett）著出版社：

\o"机械工业出版社"机械工业出版社ISBN：9787111616627出版时间：2019-