项目8-1JavaScript概述-JavaScript语言基础_第1页
项目8-1JavaScript概述-JavaScript语言基础_第2页
项目8-1JavaScript概述-JavaScript语言基础_第3页
项目8-1JavaScript概述-JavaScript语言基础_第4页
项目8-1JavaScript概述-JavaScript语言基础_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目8添加中华优秀传统文化网站动态行为课程名称授课内容授课学期2024-2025（1）学期授课班级授课时间授课地点授课形式理论+实践授课课时学情分析授课对象计算机应用技术专业学生，开设于大一第二学期。学生知识经验分析学生已掌握HTML基础标签（如div、img、form）与CSS核心知识（盒子模型、浮动定位），能完成静态网页的结构搭建与样式美化。学生学习能力分析对抽象的编程概念理解难度较大，在多语法混合应用时，易出现“流程混乱”；对代码报错的排查能力较弱。学生思想状况分析希望通过JavaScript实现“点击按钮显示内容”“动态切换图片”等效果，但部分学生因首次接触编程语言，担心无法掌握复杂语法。教学目标知识目标明确JavaScript的核心定位与作用；掌握JavaScript代码的三种编写方式；精通JavaScript语言基础语法。能力目标具备JavaScript代码编写与运行能力；具备变量与数据类型实操能力。价值目标结合“中华优秀传统文化网站”背景，体会技术对文化传播的赋能作用，增强用技术呈现传统文化的责任感。培养理性分析、反复验证的耐心，将工匠精神从认知层面转化为实践中的行动自觉。重点难点解决策略：采取互动、分组讨论方法，通过案例落实重难点内容学习。思政资源教学方法线上线下混合式教学、任务驱动教学法、自主探究学习法、小组学习法、VR体验法教学手段多媒体、VR、动画视频等课程资源智慧树线上课程资源清华在线教学平台教学视频教学照片课程案例观看动画授课照片教学实施教学内容教师活动学生活动意义课前引入1.学生回顾前置知识：回顾静态网页局限：带领学生回顾之前制作的“中华优秀传统文化网站——讲好工匠故事”静态网页，指出其“内容固定、交互单一”的不足。2.呈现带有JavaScript交互效果的工匠主题网页，对比静态网页，突出动态交互的优势。3.提出问题“能让网页“活”起来？1.教师通过智慧树教学平台发布课前预习讨论问答帖；2.打开学生之前完成的“讲好工匠故事”静态网页，提问“这个网页能响应用户的点击、滑动等操作吗？能根据用户需求动态展示内容吗？1.以小组为单位在线提交讨论结果；2.认真观察教师展示的动态网页，感受动态交互带来的良好体验，对比静态网页，体会JavaScript的作用。1.通过回顾静态网页知识，搭建基础，让学生理解JavaScript是对静态网页的拓展，是实现动态交互的关键技术。2.紧密结合“讲好工匠故事”的项目需求，让学生明确学习目的，激发主动探索的内驱力。学习目标明确JavaScript的核心定位与作用；掌握JavaScript代码的三种编写方式；精通JavaScript语言基础语法。教师发布课前预习PPT和动画视频资源。学生以小组形式预习PPT内容，观看动画资源。以学生为主体，学生明确学习目标，有助于实践学习。课前测验在智慧树平台互动问答模块设计“互动问答+题库测验”两类课前测验，兼顾实时互动摸底与系统结果反馈。在智慧树平台题库模块发布课前测验试题，平台反馈测验结果，对学生掌握情况摸底。教师通过智慧树发布线上问答和课前测验。学生完成智慧树平台线上问答和课前测验。了解学生知识水平，调整教学方案。参与式学习-词汇学习（4分钟）1.JavaScript，用于网页前端开发的脚本语言。2.Script，脚本，在网页中通过标签引入JavaScript代码。3.Operator，运算符，用于对数据进行操作讲解本次课相关专业英语词汇，引领学生反复读并且记忆。小组间互相反复读，达到理解记忆的效果。1.思政元素：学好专业英语词汇，助力工匠精神的全球传播。2.培养学生编程学习能力。参与式学习-VR体验（5分钟）参与式学习-播放视频（3分钟）参与式学习-任务一：掌握JavaScript代码编写方式（20分钟）智慧树平台学习任务：1.JavaScript代码的三种编写方式：①嵌入HTML<body>标签；②嵌入HTML<head>标签；③外部.js文件引入；2.结合“中华优秀传统文化网站”：用三种编写方式分别实现“动态输出古代工匠姓名；引出知识点：1.通过代码示例，逐一演示三种代码编写方式的实现步骤；2.重点说明<script>标签“成对出现”“外部引入时不可嵌套代码”的规则；3.通过清华在线平台发布课堂小测。明确知识点：1.学生按照按照教师演示，依次用三种编写方式完成“动态输出古代工匠姓名”任务；2.小组讨论：交流浮动布局，讨论在三种方式的实现过程与效果差异。1.让学生精准掌握JavaScript代码的核心编写方式与规范；2.引导学生体会技术对网页呈现效果的重要性；3.通过智慧树平台课堂小测，了解学生知识点掌握情况。参与式学习-任务二：精通变量与数据类型（25分钟）智慧树平台学习任务：1.变量核心知识：变量命名规则、三种定义方式：先声明后赋值、、声明赋值同步、不声明直接赋值；2.结合“中华优秀传统文化网站”：定义变量存储工匠的姓名、年龄、核心技能、是否著名等信息，用typeof验证各变量类型。引出知识点：1.用表格对比“合法/非法变量名”，结合“工匠信息”案例讲解变量命名“见名知义”原则；2.提出“如何存储一位工匠的多项信息（姓名、技能、成就）”，引导学生思考引用类型的应用。明确知识点：1.实践操作：按命名规则定义5个变量，分别存储不同工匠的姓名。组内互相检查变量命名规范性、数据类型匹配度，指出“变量名大小写错误”问题并修正。1.思政元素：培养学生根据数据特征选择合适变量类型的能力；2.通过智慧树平台课堂小测，了解学生知识点掌握情况。参与式学习-任务三：综合运用流程控制语句（25分钟）智慧树平台学习任务：选择语句：if语句、if…else语句、if…elseif…else语句的语法结构与执行逻辑。；2.循环语句：for循环的语法与执行步骤，结合break语句跳出循环。2.结合“中华优秀传统文化网站”：用if…elseif…else语句根据用户输入的工匠类型输出对应工匠列表。引出知识点：1.教师演示“输入‘古代’输出鲁班、墨子，输入‘近代’输出詹天佑”的逻辑，通过浏览器输入框模拟用户输入，展示分支执行效果；2.教师利用清华在线教学平台发布任务。明确知识点：1.学生编写语句，实现“输入技能类型→输出对应工匠”功能，测试不同输入的分支执行效果；2.在小组内展示自己的网页效果，介绍所用技术与解决的问题。1.培养学生运用逻辑判断与循环处理数据的能力，为后续实现“工匠故事搜索”“成就分类展示”等动态功能提供技术支撑；2.培养学生运用逻辑判断与循环处理数据的能力。参与式学习-总结提高（3分钟）课堂总结：总结知识点，强调重难点。点明任务：教师归纳总结，夯实基础。明确任务：学生通过回顾本节课知识点，拓展提高。思政元素：引导学生树立“严谨务实、精益求精”的工匠精神。课后测试（5分钟）智慧树平台发布课后测试：1.拓展任务：结合“中华优秀传统文化网站”，用JavaScript实现“工匠信息动态输出”等基础动态功能，验证代码编写与语法应用的正确性。2.预习任务：学习智慧树下一节

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论