“我眼中的优质课堂”推荐系列之一百七十八
【前言】为促进学校教学质量提升，发现教学相长、学以致用的优质课堂，挖掘躬耕讲堂、精心育人的优秀教师。质量管理与教学督导处将持续刊发经各级督导和学生信息员推荐的常态化优质课堂案例，供全校师生交流。
Vue.js程序设计课程是软件技术专业的一门专业基础课，是在学习网页设计与制作、JavaScript程序设计等课程，具备了一定的Web程序开发能力的基础上开设的一门理实一体化课程。该课程学习使用Vue.js快速创建单页面应用，实现页面的交互效果，使学生具备利用Vue.js框架进行Web前端组件化开发的程序设计能力，结合后续Java轻量级web程序开发实训等课程培养学生Web程序开发的职业素质。数据信息学院周密老师运用问题导向的教学方法（Problem-Based Learning, PBL），以学生为中心、通过解决真实问题促进学生深度学习，教学成效明显。
一、课堂目标明确
本次课的教学目标为：熟练掌握Vue指令、方法和计算属性的用法及实际运用场境，掌握Vue核心思想——数据驱动视图，转变传统编写前端页面的思想，培养运用所学知识解决实际问题的能力，培养学生的创新思维，严谨的工作态度、精益求精的工匠精神。并用“水果购物车”效果图的实现进行具体表述，这些与学生的生活及未来职业紧密相关的学习要求，有效地激发了学生的学习动机。
二、精心设计驱动性问题
周老师以源于现实情境的页面设计中遇到的问题，引导学生开展探究式学习。
1.设置页面互斥问题。页面存在不合理的结构吗?由此引出“互斥”知识点。
2.设置隐藏代码中的错误并提问。通过设置的“陷阱”引导学生完成修改个数功能，在“num++与num+1”的不同功能体会中，让同学们注重细节，强化“数据驱动视图”的思想。
3.在统计功能中设置隐藏错误并提问。故意设置隐藏错误并提问，在不加“选中”条件下让同学们找错。在完成“数量的统计”学习任务过程中，让同学们自行实现“总价的统计”。
三、开展探究式学习
周老师的课堂，体现以学生为中心，通过学习过程管理，引导学生开展探究式学习。要求学生在规定时间内完成列表多选框和选中样式的功能及水果列表的渲染功能。几名同学主动要求在讲台教师机上进行演示操作，实现学习成果交流共享。
四、教师角色的转变
在这个课堂中，周密老师是课堂的引导者，通过提问、反馈启发学生思考，而非直接传授知识。在学生学习过程中，为学生提供“脚手架”，根据学生需求提供阶段性支持，并逐步撤除以培养学生的独立性。这种教学有利于培养学生终身学习能力、批判性思维及团队协作技能，有利于学生适应快速变化的现实挑战。
推荐人：校级督导冉新成
