Skip to content

第 8 课 模块展示:我的第一批作品逐字稿

本课定位

第一模块结束时,学生要感受到自己真的积累了一批看得见的小作品,也知道这些作品以后还能继续扩展。

讲师课前提醒

  • 整理前 7 节课截图或链接
  • 挑 2 个最满意的页面

0 到 8 分钟:用成品把学生拉进来

“今天这节课我们要做的是 启蒙营模块 A 小型作品展。先别急着记步骤,先看一下成品会长成什么样。你们今天不是来听我讲很多抽象概念,而是要把一个真的能看到、能点、能玩的作品做出来。”

“看完以后你们心里先记住三件事:今天要做的主题是什么、最后要能看到什么效果、自己最想先把哪一部分做出来。”

8 到 18 分钟:把任务说清楚

“这节课最重要的不是一口气写很多代码,而是先把任务说清楚。我们先把目标拆开:要给谁看、页面里要有哪几块、哪一步最值得先做。”

“展示不是比谁做得最花,而是比谁讲得清楚。”

“每个小作品都可以变成后面更大项目的一部分。”

“复盘“我学会了什么”比只展示结果更重要。”

18 到 32 分钟:讲师示范第一轮

“我先给大家示范一轮,把素材交给 Codex,再把页面的第一版跑起来。你们注意看,我不是只说‘帮我做个网页’,而是会把内容、顺序和想要的效果都说具体。”

text
我是一名中学生,现在想做 一个能直接在浏览器里运行的网页作品。
主题是:启蒙营模块 A 小型作品展

请直接把第一版做出来,页面里一定要有:
- 作品缩略图
- 一句话介绍
- 一次修改前后对比
- 下阶段目标

“做出来以后,我们先不追求很花哨,只先看三件事:内容是不是对的、按钮是不是能点、页面顺序是不是讲得通。”

32 到 48 分钟:学生动手,老师巡回追问

“现在轮到你们自己做。先把课件或作品最核心的一页做出来。不要一开始就想做满所有效果,先把主页面和主按钮做好。”

“如果卡住了,你先回答老师这三个问题:你现在到底想做什么?页面里一定不能少什么?你是卡在内容、样式还是交互?”

48 到 56 分钟:现场展示和快速修正

“请两到三位同学把现在做到的版本投上来。大家看的时候不要只说好不好看,而要说:它最清楚的一点是什么?还有哪一步会让人看不懂?”

56 到 60 分钟:收束

“今天这一课带走的,不只是一个页面,而是一种做东西的方法:先说清楚,再做第一版,再一点点改顺。回去以后按作业单继续补完整,下节课我们接着往前走。”

下一节我们会进入 第 9 课 猜数字游戏:最小交互作品

板书关键词

  • 整理前 7 节课成果
  • 会用 1 分钟讲自己的作品
  • 找到下一个最想深入的方向