《JavaScirpt程序设计II》-整体设计

《JavaScript程序设计II》课程整体设计常州信息职业技术学院课程教学设计课程名称《JavaScript程序设计II》授课对象软件技术专业-WEB全栈方向课程学分3总学时48课程性质专业核心课所属系部软件与大数据学院设计人（团队）JavaScript课程团队审核人批准人一、课程设计思路高职教育的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与实际操作相结合”。二、课程目标设计（一）总体目标《JavaScript程序设计II》是面向软件技术相关专业的一门Web前端基础课程，涉及Ajax、jQuery等内容。通过本课程的学习，学生能够进一步掌握JavaScript语言的特点，掌握面向对象程序设计思想，具备扎实的语言功底。（二）具体目标课程具体目标为：1.知识目标(1)理解jQuery库的基本概念和结构，包括选择器、事件处理、DOM操作和Ajax。(2)掌握jQuery常用方法的语法和使用场景，能够有效应用于前端开发中。(3)了解jQuery的插件机制，学习如何使用和创建插件以扩展功能。2.能力目标(1)能够使用jQuery进行高效的DOM操作，实现动态网页效果，提升用户体验。(2)能够运用jQuery处理事件，提高页面交互性，通过事件委托优化性能。(3)能够使用jQuery的Ajax功能与服务器进行数据交互，掌握异步编程的基本原理。3.素质目标(1)培养学生的自主学习能力，鼓励探索和掌握新技术与工具，增强适应能力。(2)提升学生的团队合作精神，通过小组项目合作，培养有效的沟通与协作能力。(3)强调对用户体验的重视，培养服务意识与社会责任感，使学生在开发中关注用户需求和反馈。4.职业技能证书目标通过本课程的学习，可以参加以下职业资格证书的考试：Web前端开发职业技能等级证书；全国计算机技术与软件专业技术资格(水平)程序员考试。三、课程内容设计（一）课程内容设计本课程主要围绕jQuery库展开，分为四个任务：首先学习jQuery选择器的多种类型及应用，随后掌握DOM操作的方法与实践；接着深入了解事件处理机制，包括事件绑定与委托；最后，通过动画效果和Ajax操作提升动态交互能力。课程结合实践活动，旨在帮助学生全面掌握jQuery的使用，提升前端开发技能。具体内容设计见表1。表1课程内容表项目（模块）名称任务（单元）名称任务（单元）教学目标主要教学方法建议学时模块1：jQuery任务1：jQuery选择器1.jQuery概述

2.jQuery选择器（1）教学做一体化（2）引导启发法（3）案例/任务驱动法（4）协作讨论法6任务2：jQuery操作DOM1.元素内容

2.元素样式

3.元素属性

4.DOM节点操作12任务3:jQuery事件处理机制1.常用事件

2.事件绑定和解绑

3.事件触发12任务4:jQuery动画和Ajax操作1.jQuery动画

2.jQuery的Ajax操作

3.jQuery插件18（二）思政内容设计在JavaScript程序设计课程中，思政内容设计同样注重将思想政治教育融入专业知识的传授中。课程通过五个模块和十五个子任务的结构，围绕“知识传授与价值引领相结合”的宗旨，构建了全面的思政教育体系，确保思想政治理论与专业教育协调发展。每个子任务都设置了“思政小课堂”，通过实际案例引导学生思考与社会价值观的联系。这些思政点不仅仅是抽象的理论，而是通过与实际编程任务的结合，使学生在学习过程中潜移默化地接受社会主义核心价值观的熏陶。课程强调诚实、守信、坚韧不拔的品质，通过项目合作与交流，提升学生的沟通表达能力和团队协作能力，最终实现教书育人的目标。具体内容见表2。表2思政内容设计表序号模块名称子任务名称引例名称思政小课堂思政育人目标1模块1：jQuery任务1：jQuery选择器技术责任与用户体验技术与社会责任的对话鼓励学生反思科技发展的伦理问题，倡导在技术实现中坚持用户隐私保护和数据安全的原则，培养社会责任感和职业道德。2模块1：jQuery任务2：jQuery操作DOM设计的影响力创造公平的数字空间引导学生认识到，优秀的网页设计可以提升用户的参与感和满意度，进而影响社会信息的传播和交流。3模块1：jQuery任务3:jQuery事件处理机制互动的价值共建美好网络环境讨论如何通过事件处理提升用户的参与感，确保每位用户的声音都被听见。同时，鼓励学生关注技术的普及与教育公平，推动技术在社会中的广泛应用，培养学生的服务意识和团队合作精神。4模块1：jQuery任务4:jQuery动画和Ajax操作创新驱动服务伦理与技术的交汇引导学生认识到，通过创新技术可以提升用户体验，使信息更加生动、易懂。讨论如何运用Ajax技术实现信息的实时更新，增强用户与网页的互动，促进信息的快速传播。四、能力训练设计及进程安排能力训练设计及进程安排如表3所示。表3能力训练设计表序号能力训练模块名称能力训练任务名称能力目标知识目标训练方式手段及步骤呈现结果学时其他教学要求1模块1：jQuery任务1：jQuery选择器能够熟练使用多种类型的jQuery选择器选择网页元素。能够有效编写高效的选择器代码，提升开发效率。能够根据项目需求灵活选择合适的选择器类型。了解jQuery选择器的基本概念和分类。学生掌握常用选择器的具体用法及其适用场景。教师：引例描述、课件演示、操作演示学生：分组讨论、练习作业代码6(1)中国大学MOOC平台/智慧职教SPOC平台；(2)职业能力要求；(3)课程考核方案；(4)常见技术论坛；(5)参考教程。2任务2：jQuery操作DOM能够使用jQuery进行DOM元素的增、删、改、查操作。能够在项目中灵活运用DOM操作，提高网页的动态性。理解DOM结构及其在网页中的重要性。(2)掌握jQuery的常用DOM操作方法。(3)了解DOM操作对网页性能的影响。123任务3:jQuery事件处理机制能够为网页元素有效绑定和管理各种事件。能够设计交互体验，提升用户满意度。了解事件的基本概念和触发机制。(2)掌握事件处理的常用方法及其在实际应用中的重要性。(3)理解事件委托的原理及其应用场景。124任务4:jQuery动画和Ajax操作能够使用jQuery实现网页动画效果，增强视觉体验。能够运用Ajax进行异步请求，提高数据处理效率。理解动画和Ajax的基本原理及其应用。(2)掌握使用jQuery进行动画和Ajax操作的技巧。(3)了解用户体验在动画设计和数据交互中的重要性。18五、考核评价设计课程基于云课堂教学平台，开展多元多维考核评价，集教师评价、学生评价、学习平台评价于一体，从编码规范、文档规范、计算思维、技术自信、专业责任等5个维度探索增值评价，形成素质性评价，最终实现对学生的知识、能力、素质进行线上线下全方位全过程考核。教师通过评价反馈，及时把握学生学习情况，优化调整教学策略，具体考核方案见表4。表4课程考核方案形式考核环节考核内容项内占比线上（20%）课程资源学习课程视频、课件、文档等30%模块测验任务1-4测验30%模块作业任务1-4作业20%教学活动参与课程讨论、头脑风暴等教学活动得分20%线下（80%）素质性评价编码规范、文档规范、计算思维、技术自信、专业责任等20%知识性评价课堂实践、课后实践、期末成绩等40%技能性评价各任务的实践操作40%（一）素质性评价从编码规范、文档规范、计算思维、技术自信、专业责任等5个维度，以参与项目开发、问卷调查、小组汇报、个人展示、技能提升、实践报告撰写等多种方法进行评价，探索实践增值评价。（二）知识性评价每完成一个模块教学任务后应进行一次课堂小测验；书面作业、模块测验（含期中考试成绩）、期末成绩按30:20:50（百分制）计入知识性评价成绩。

（三）技能性评价课程各模块技能考核比例见表5，技能性评价标准见表6。表5课程技能考核各模块所占比例一览表序号模块名称考核比例任务1jQuery选择器20%任务2jQuery操作DOM30%任务3jQuery事件处理机制20%任务4jQuery动画和Ajax操作30%合计100%表6技能性评价标准一览表考核点考核比例得分评价标准优秀(86-100)良好(70-85)及格(60-69)任务实现70%能综合运用相关教学知识模块很好完成实践项目；编写程序的功能达到设计目标，用户界面友好，编程逻辑清晰，程序代码规范；在规定时间内完成。能综合运用相关教学知识模块完成实践项目；编写程序的功能基本达到设计目标，用户界面友好，能完成基本功能代码编写；能在规定时间完成。能基本完成实践项目；编写的程序能基本达到设计目标，能编写简单模块的代码；能在规定时间内完成。创新能力15%能积极主动发现问题、分析问题、解决问题；有创新；采用优化方案。能发现问题并通过各种途径解决问题；有一定的创新。能发现问题并在他人的帮助下解决问题；具局部有创新表达沟通15%能较清晰的表达程序的设计思路；答辩展示表现优秀；能辅导他人完成项目；能评述他人的设计。能表达程序的设计思路；答辩展示表现好；能与他人交流设计方法。能看懂别人的设计。能对项目实践过程进行讲解；答辩展示基本正确。合计100%（四）创新性评价对于取得与本课程知识、技术相关的证书如专利授权证书、软件等专业产品登记证书等，在院级及以上学科(专业)相关的竞赛获奖、市级以上刊物发表论文，社会技术服务取得明显成效，或者在本课程学习中有突出创新的学生，经本人申请，课程授课教师审定通过并提供佐证材料，报软件与大数据学院认定后，每项成果可给予本课程不超过10分的附加分奖励并计入学业成绩总分。六、课程教材的选用《\o"JavaScript+jQuery程序设计开发实战慕课版刘斌,权小红编人民邮电出版社"JavaScript+jQuery程序设计开发实战》，人民邮电出版社，2024年4月出版刘斌主编七、课程教学参考资料（一）参考教材1.《JavaScript+jQuery交互式Web前端开发》，人民邮电出版社2020.4，黑马程序员编著2.《精通JavaScript从入门到精通》，清华大学出版社，陈洁主编3.《JavaScript动态网页编程》，电子工业出版社，赵增敏主编4.《WEB表单设计-创建高可用性的网页表单》，人民邮电出版社，董淑桢