项目8-2JavaScript基础函数

项目8添加中华优秀传统文化网站动态行为课程名称授课内容JavaScript函数授课学期2024-2025（1）学期授课班级授课时间授课地点授课形式理论+实践授课课时学情分析授课对象计算机应用技术专业学生，开设于大一第二学期。学生知识经验分析学生已掌握JavaScript基础语法，能编写简单的代码逻辑实现“工匠信息输出”“简单条件判断”等功能。学生学习能力分析对“代码复用”“逻辑封装”的概念缺乏认知，尚未接触“将重复代码封装为函数”的编程思维。学生思想状况分析更倾向于“从具体案例到抽象原理”的学习路径，对“解决实际项目问题的函数案例”接受度更高。教学目标知识目标理解函数的概念与作用；掌握函数的两种定义方式；精通函数的参数与返回值。能力目标具备函数定义与调用能力；具备函数封装与复用能力。价值目标通过函数“封装功能、复用代码”的特性，理解“将复杂问题拆解为独立小功能”的模块化思想。通过关注函数参数传递、作用域等细节，将工匠精神的“严谨性”转化为代码编写的行动自觉。重点难点解决策略：采取互动、分组讨论方法，通过案例落实重难点内容学习。思政资源教学方法线上线下混合式教学、任务驱动教学法、自主探究学习法、小组学习法、VR体验法教学手段多媒体、VR、动画视频等课程资源智慧树线上课程资源清华在线教学平台教学视频教学照片课程案例观看动画授课照片教学实施教学内容教师活动学生活动意义课前引入1.学生回顾前置知识：展示“中华优秀传统文化网站——工匠主题”页面中，多个模块都需要“格式化输出工匠姓名与核心技能”的重复代码。2.提出问题“有没有办法把这些重复的代码‘打包’起来，需要时直接调用，避免重复编写？。3.演示“未用函数”与“用函数”实现相同功能的代码对比1.教师通过智慧树教学平台发布课前预习讨论问答帖；2.提出“代码复用”的需求问题后，展示用函数封装后的代码，，调用处无需改动”的优势，边演示边讲解“这就是函数的作用。1.以小组为单位在线提交讨论结果；2.认认真对比“未用函数”与“用函数”的代码及效果，感受函数带来的“代码简洁、维护方便”的优势。1.通过回顾重复代码的弊端，为函数“的核心知识学习搭建桥梁，让学生理解函数是解决“代码冗余”问题的关键技术，降低学习的陌生感。2.紧密结合“讲好工匠故事”的项目需求，激发主动探索的内驱力。学习目标理解函数的概念与作用；掌握函数的两种定义方式；精通函数的参数与返回值。教师发布课前预习PPT和动画视频资源。学生以小组形式预习PPT内容，观看动画资源。以学生为主体，学生明确学习目标，有助于实践学习。课前测验在智慧树平台互动问答模块设计“互动问答+题库测验”两类课前测验，兼顾实时互动摸底与系统结果反馈。在智慧树平台题库模块发布课前测验试题，平台反馈测验结果，对学生掌握情况摸底。教师通过智慧树发布线上问答和课前测验。学生完成智慧树平台线上问答和课前测验。了解学生知识水平，调整教学方案。参与式学习-词汇学习（4分钟）1.Call，调用，指执行函数的操作；2Encapsulation，封装，函数的重要特性之一；3.Reusable，可复用的。讲解本次课相关专业英语词汇，引领学生反复读并且记忆。小组间互相反复读，达到理解记忆的效果。1.思政元素：学好专业英语词汇，助力工匠精神的全球传播。2.培养学生编程学习能力。参与式学习-VR体验（5分钟）参与式学习-播放视频（3分钟）参与式学习-任务一：掌握JavaScript代码编写方式（20分钟）智慧树平台学习任务：1.函数核心概念：理解函数是“封装特定功能的可重复代码块”，明确其“减少冗余、统一维护”的核心价值；2.结合“中华优秀传统文化网站”需求，调用函数输出“鲁班”“墨子”等古代工匠的姓名与核心技能。引出知识点：1.在HBuilder中分别演示函数声明与函数表达式的代码编写，通过浏览器预览“提前调用函数声明”与“提前调用函数表达式”的效果；2.通过清华在线平台发布课堂小测。明确知识点：1.学生按照按照教师演示，进行实践项目操作；2.小组验证：组内互相检查函数定义规范性与调用正确性，指出“函数表达式提前调用”“实参数量不足”等问题，共同修正代码。1.让学生精准掌握函数的两种定义方式与调用规则，落实基础知识点，避免“调用时机错误”“语法结构混乱”等问题。；2.培养学生“用函数封装简单功能”的意识，为后续复杂功能封装奠定基础；3.了解学生知识点掌握情况。参与式学习-任务二：精通变量与数据类型（25分钟）智慧树平台学习任务：1.理解形参与实参的对应关系，掌握“按值传递”与“按引用传递”的差异；2.针对“中华优秀传统文化网站”，通过函数参数传递工匠基础分与项目等级，返回最终成就得分。引出知识点：1.布置“计算3位工匠成就得分”任务，提供工匠基础分（与项目等级，引导学生通过函数参数与返回值实现计算，教师巡视时重点检查return语句使用与参数传递正确性。明确知识点：1.深入理解函数参数传递规则与返回值应用，落实文档8.2.3核心知识点，避免“参数传递混乱”“漏写返回值”等常见错误。1.思政元素：培养学生“通过函数处理数据并返回结果”的能力；2.通过智慧树平台课堂小测，了解学生知识点掌握情况。参与式学习-任务三：综合运用流程控制语句（25分钟）智慧树平台学习任务：1.函数封装逻辑：结合文档8.2.3“函数的核心价值”，将“中华优秀传统文化网站”中重复的“工匠信息卡片生成”功能封装为函数；2.在网站的“古代工匠”“近代工匠”两个页面中，调用同一封装函数，传不同工匠信息，生成统一风格的信息卡片。引出知识点：1.教师展示展示“中华优秀传统文化网站”中“古代工匠”“近代工匠”页面的静态代码，指出“两处都需要编写相似的卡片HTML，修改时需改两处”的弊端，引出“函数封装复用”的必要性。明确知识点：1.学生编写语句，封装函数，在“古代工匠.html”中调用函数生成鲁班、墨子的卡片，尝试修改函数内卡片的边框颜色；2.在小组内展示自己的网页效果，介绍所用技术与解决的问题。1.培养学生运用逻辑判断与循环处理数据的能力，为后续实现“工匠故事搜索”“成就分类展示”等动态功能提供技术支撑；2.培养学生运用逻辑判断与循环处理数据的能力。参与式学习-总结提高（3分钟）课堂总结：总结知识点，强调重难点。点明任务：教师归纳总结，夯实基础。明确任务：学生通过回顾本节课知识点，拓展提高。思政元素：引导学生树立“严谨务实、精益求精”的工匠精神。课后测试（5分钟）智慧树平台发布课后测试：1.拓展任务：结合“中华优秀传统文化网站”需求，用函数实现“工匠信息卡片生成”多页面信息复用”等动态功能，匹配任务实施中“动态行为开发需模块化封装”的要求。2.预习任务：学习智慧树下一节课的课程，观看