*点击任意处关闭搜索框

这堂Web前端课,让学生从“怕被问住”到“答得上来”

发布时间:2026-11-08 点击:

技术进入课堂,改变的不只是工具,更是学生思考的方式。

人工智能学院教师韩英在《Web前端技术基础》课上发现,不少作业“完成度很高、理解度却很低”:页面完整、样式齐全,但追问“为什么这么写”,多数学生答不上来。

这不是个别现象。开课前摸底显示,近98%的学生用过AI聊天工具,但只有12.5%用AI写过代码;71%的学生坦言,自己更希望“让AI直接给出成品”。以往课堂上,学生一遇到不会的代码,第一反应就是打开工具。AI生成的代码贴进去,图片错位、样式混乱,不少人只会重新生成、碰运气。

一次课后,25级软件技术04班戚慧明同学跟老师说:“作品交上去看着完整,但自己并没有真正掌握,上台演示时总怕被问住。”

这句话让韩英意识到,学生并不是不愿意学,而是缺少“自己先想、自己判断、自己完成”的机会。于是,这门课把改进重点放在课堂组织上:不急于给答案,先让学生动手;不急于讲结论,先让学生比较;不急于收作业,先让学生看见自己的成长。

01

ONE

从“先问AI”到“先动手”

变化从第一周就开始了。

老师不直接给代码,只给一张网页效果图,要求学生先自己写。有人盯着屏幕半天写不出几行,心里难免着急。25级软件技术02班朱益民同学就是其中之一。等硬着头皮写完,再对照AI生成的版本,他一眼就发现自己漏掉了不少内容:“就那一眼,比我听十遍课记得都牢。”

第三周,学生开始发现,AI生成的代码并不总是可靠的。课堂上,每个人都有一本“审辨记录”,记下AI哪里对、哪里不对,以及自己为什么这样修改。

25级计算机应用技术专业10班霍文龙在记录里写下:“AI漏写了移动端适配,我自己补上了。”慢慢地,学生不再只是复制粘贴,而是学会比较、选择、判断。

第五周,前几周随堂练习发放的“代码提示”被悄悄收走。25级软件技术专业04班马鹏云一开始担心离开提示就不会写,结果发现,那些内容早就在一次次练习里记住了。那天,她独立完成了自己的第一个网页,和原图几乎一模一样。“我以为离了提示就写不出来,结果手自己就动了。”课后互评时,大家也不再互相“放水”,而是认真圈出差异、写下改进建议。

02

TWO

从“复制结果”到“看懂过程”

期末,这门课设置了一个“复盘”环节:同一道题,做两遍。

题目是为自己制作一个"数字名片"网站。学期初布置过一次,那时很多学生还没入门,习惯把需求丢给AI、原样复制结果,页面自然杂乱错位,自己也说不清问题出在哪。

这次再做——页面整齐、样式统一,手机上能正常打开,页面之间跳转顺畅。“以前AI写什么我贴什么,现在我知道该改哪里。”25级计算机应用技术专业10班霍文龙说,“把两张作品摆在一起才发现,平时感觉不到的进步,一对比全出来了。”

比作品变化更关键的,是学生能讲清每一行代码为什么这么写。期末答辩上,学生轮流上台演示,评委老师随机追问;凡是引用AI生成的代码,还要逐段说明是否使用、是否可以不用。课程组统计显示,这门课学生人均对作品迭代了3.5次。与上一届同课程学生相比,AI协同能力达成率从22%提升到90%,整站集成能力从48%提升到96%。

03

THREE

从“怕被问住”到“答得上来”

“这门课我最大的体会,是教师要舍得往后退半步。我退了,学生就往前走了。”韩英老师说。

过去,教师讲得口干舌燥,学生埋头记笔记;现在课堂上最常听到的声音,是学生在讨论“这里该用哪段代码”“为什么这样写更合适”。在韩英看来,当学生从“想让AI代做”变成“我来做判断”,这门课就真正落地了。

凭借课程中的设计,韩英在SC课程设计大赛中拿到了一等奖。此后,她把这些课堂上的小改进整理成分享,讲给更多老师听。

这堂前端课发生的变化,背后是洛阳科技职业学院SC教学改革的持续深耕。学校把课堂的主动权交还学生,教师更多从讲授者变成设计者、引导者,学生从被动听讲变成动手实践、主动建构。当学生开始主动调试代码、反复追问“为什么这么写”,学习就从被动接收变成了真实生长。

教育不是把知识简单地塞给学生,而是让他们在一次次尝试、比较、修改和展示中,长出属于自己的能力。当AI从“代笔”变成“助手”,课堂里真正的学习才刚刚开始——比分数更珍贵的,是学生眼里那份“我能行”的笃定;比答案更远的,是他们走向岗位时那份“我能做”的底气。


扫描二维码,分享当前页面