《JavaScirpt程序设计II》-课程标准

《JavaScript程序设计II》课程标准课程代码R00181233课程名称JavaScript程序设计II课程性质专业必修课课程类型B理实一体化课程（理论教学+实践教学）学分3学时48适用专业软件技术、大数据应用、移动互联、人工智能技术应用合作企业华晟经世信息技术股份有限公司教学方式B线上线下混合式考核类型考试课制订时间2023年9月制订人刘斌审核人一、课程定位1.课程在专业培养中的定位及作用《JavaScript程序设计II》是面向软件技术相关专业的一门Web前端基础课程，涉及Ajax、jQuery等内容。通过本课程的学习，学生能够进一步掌握JavaScript语言的特点，掌握面向对象程序设计思想，为前端方向的后续课程打下扎实的语言功底。2.本课程与其它课程的关系本课程的前导课程为《静态网页设计与开发》、《移动Web开发》、《JavaScript程序设计I》等，通过前导课程的学习，学生已经具备一定的编程思维和编程能力，熟练掌握了JavaScript的知识。该课程后续课程有《Web前端框架技术》、《Node.js应用开发》、《微信小程序开发》等，本课程对后续课程的支撑能力是问题分析能力、为静态网页增加动态功能的能力。表1前导、后续课程一览表前导课程本课程后续课程《静态网页设计与开发》、《移动Web开发》、《JavaScript程序设计I》《JavaScript程序设计II》《Web前端框架与应用Ⅰ》《Node.js应用开发》《微信小程序开发》二、课程目标通过本课程的学习，培养学生运用所学的知识和技能进行WEB前端开发的能力，熟悉基本的项目开发流程、养成良好的编程习惯，为今后从事Web全栈开发相关工作奠定良好的基础。通过“职业发展前景介绍”等思政元素的融入，激发学生的家国情怀和责任担当，牢记专业使命，肩负专业的社会责任，形成真善美的良好品质，具备国家大局意识和社会服务意识。课程具体目标为：1.知识目标(1)理解jQuery库的基本概念和结构，包括选择器、事件处理、DOM操作和Ajax。(2)掌握jQuery常用方法的语法和使用场景，能够有效应用于前端开发中。(3)了解jQuery的插件机制，学习如何使用和创建插件以扩展功能。2.能力目标(1)能够使用jQuery进行高效的DOM操作，实现动态网页效果，提升用户体验。(2)能够运用jQuery处理事件，提高页面交互性，通过事件委托优化性能。(3)能够使用jQuery的Ajax功能与服务器进行数据交互，掌握异步编程的基本原理。3.素质目标(1)培养学生的自主学习能力，鼓励探索和掌握新技术与工具，增强适应能力。(2)提升学生的团队合作精神，通过小组项目合作，培养有效的沟通与协作能力。(3)强调对用户体验的重视，培养服务意识与社会责任感，使学生在开发中关注用户需求和反馈。三、课程内容与要求本课程根据Web前端开发工程师的岗位能力要求，重构课程结构，形成了模块化的课程结构，主要内容包括：JavaScript基础语法、面向对象编程、浏览器对象模型（BOM）、文档对象模型（DOM）和事件，每个模块又由若干教学单元组成，具体见表2所示：表2教学内容及要求序号模块/项目名称教学单元/子任务主要学习内容（知识点）对接典型工作任务要求或职业能力要求思政育人目标建议学时1模块1：jQuery任务1：jQuery选择器1.jQuery概述

2.jQuery选择器典型工作任务：1.使用不同类型的jQuery选择器（如ID选择器、类选择器、属性选择器）选择特定的HTML元素并进行样式修改。2.编写优化的选择器代码，确保在大型项目中有效选择多个元素，减少DOM查询的开销。3.在项目需求中，选择适合的选择器类型，并解释选择原因，提升代码可读性。鼓励学生反思科技发展的伦理问题，倡导在技术实现中坚持用户隐私保护和数据安全的原则，培养社会责任感和职业道德。62模块1：jQuery任务2：jQuery操作DOM1.元素内容

2.元素样式

3.元素属性

4.DOM节点操作典型工作任务：1.实现动态添加和删除DOM元素，例如在用户点击按钮时插入新项或删除已有项。2.修改现有DOM元素的内容和属性，如根据用户输入更新表单内容或改变图片源。3.分析和优化DOM操作的性能，确保在频繁操作时不会造成页面卡顿。引导学生认识到，优秀的网页设计可以提升用户的参与感和满意度，进而影响社会信息的传播和交流。123模块1：jQuery任务3:jQuery事件处理机制

1.常用事件

2.事件绑定和解绑

3.事件触发典型工作任务：1.为按钮和链接等元素绑定点击事件，触发相应的函数以更新页面内容。2.使用事件委托技术，为动态添加的元素绑定事件，确保所有相关元素都能响应用户操作。3.收集用户交互数据，分析用户行为并优化事件处理逻辑，以提升用户体验。讨论如何通过事件处理提升用户的参与感，确保每位用户的声音都被听见。同时，鼓励学生关注技术的普及与教育公平，推动技术在社会中的广泛应用，培养学生的服务意识和团队合作精神。124模块1：jQuery任务4:jQuery动画和Ajax操作1.jQuery动画

2.jQuery的Ajax操作

3.jQuery插件典型工作任务：1.创建自定义动画效果，例如在用户提交表单后使用淡入淡出的效果显示成功消息。2.使用Ajax进行异步数据请求，动态加载内容，如从服务器获取用户信息并更新页面。3.优化动画效果和Ajax请求的性能，确保在低带宽环境下仍能提供流畅的用户体验。引导学生认识到，通过创新技术可以提升用户体验，使信息更加生动、易懂。讨论如何运用Ajax技术实现信息的实时更新，增强用户与网页的互动，促进信息的快速传播。18四、教学方法建议以学生为主体，针对具体的教学内容和教学过程需要，采用“教学做一体化”的项目教学法、任务驱动法、情境教学法、讨论式教学法、翻转课堂法等。鼓励和引导学生开展合作探究学习、自主学习、亲身实践学习等。五、课程实施条件1.师资团队要求具有高校教师资格和本专业领域有关证书；有理想信念、有道德情操、有扎实学识、有仁爱之心；具有软件开发相关专业本科及以上学历；具有扎实的本专业相关理论功底和实践能力，具有较强的信息化教学能力，能开展课程教学改革和科学研究；每5年累计不少于6个月的企业实践经历。2.实践教学条件要求（1）计算机硬件要求：Windows7或以上，CPU主频>1GHz，内存容量>=4GB。（2）软件要求：HBuilderX编辑器、VScode、Chrome浏览器等。（3）其他要求：本课程要求在Web开发实训室完成，以实现“做、学、教”一体化，同时要求安装多媒体教学软件。3.教学资源基本要求（1）教材选用与编写教材应充分体现培养学生的职业能力，以“做、学、教”为一体组织课程内容，注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。《\o"JavaScript+jQuery程序设计开发实战慕课版刘斌,权小红编人民邮电出版社"JavaScript+jQuery程序设计开发实战》，人民邮电出版社，2024年4月出版刘斌主编（2）课程资源的开发与利用超星平台《JavaScript程序设计》在线开放课程六、考核方式建议学生课