AI编程 · AI编程基础与逻辑

Vibe Coding 初级版

面向低年级和零基础学生的 AI 编程启蒙项目，用更轻的方式理解“如何和 AI 一起做软件”。

5-8 年级5 天零基础可参加

课程会先建立任务拆解、页面理解和逻辑组织能力，再通过固定项目让学生体验 AI 辅助开发的基本流程。

咨询课程查看课程计划书 ↓

项目计划书第一页预览，点击可放大查看。

这 5 天会做什么

课程始终围绕同一个固定项目推进，每天都有明确产出。孩子先看懂论坛网站的结构，再一步步完成页面和交互，最后把作品整理成一个能演示、能讲述、也能继续完善的成品。

课程结束能看到什么

可运行论坛网站原型 + 项目说明文档

更适合哪类学生

第一次接触 AI 编程，想从一个清楚的小项目入门的学生。

为什么值得学

很多孩子第一次学编程，不是因为完全不会才放弃，而是因为一直看不到完整结果。今天学一点语法，明天做几个小练习，学了不少内容，却很难说“我到底做出来了什么”。时间一长，孩子和家长都容易失…

项目背景：为什么先做论坛网站

很多孩子第一次学编程，不是因为完全不会才放弃，而是因为一直看不到完整结果。今天学一点语法，明天做几个小练习，学了不少内容，却很难说“我到底做出来了什么”。时间一长，孩子和家长都容易失去判断标准。

初级版先让孩子做一个完整论坛网站，就是为了解决这个问题。五天的学习目标非常清楚：不是学完所有知识，而是做出一个能看、能点、能讲的真实作品。

认识一个网站是怎么分层的，不再把网页理解成“一个大页面”。
学会把内容拆成模块，比如首页、列表、详情、发布入口和评论区。
理解基础交互的意义，知道“看见内容”之后为什么还要“能操作内容”。
在 AI 的帮助下完成页面搭建、样式调整和基础调试，建立最初的协作开发意识。

对比维度	普通编程入门课	Vibe Coding 初级版
起点	先学语法、命令和规则	先围绕一个完整网站开始做
学习重点	跟着知识点和小练习走	一边做作品，一边理解结构和工具
成果形态	片段式练习或课内作业	可运行、可展示的论坛网站原型
家长能看到什么	学过一些内容	做出了一个完整网站的第一版

5 天项目怎么推进

Day 1
AI 编程启蒙与论坛结构认识
认识 AI 编程的基本方式，完成工具准备，弄清楚论坛网站由哪些页面组成、它们怎么连接。
阶段成果 · 完成论坛项目框架
Day 2
首页、板块与帖子列表搭建
把论坛最核心的浏览结构先搭出来，让网站先“看起来像一个网站”。
阶段成果 · 完成首页与帖子列表
Day 3
帖子详情与发帖入口
继续完成详情页、发帖入口和基础内容流转，让网站从“能看”变成“能用”。
阶段成果 · 完成主体页面
Day 4
评论功能与页面整理
先完成评论等必做互动，再根据进度补搜索、样式优化或内容美化等进阶部分。
阶段成果 · 形成可演示的论坛网站
Day 5
调试、演示与成果整理
处理问题、优化细节、整理说明文档，并完成最终展示。
阶段成果 · 可运行作品 + 项目说明文档

Vibe Coding 初级版课程安排资料页预览 — 课程安排资料页预览，点击可放大查看。

工具怎么用，老师会怎么带

| 模块 | 内容 | | --- | --- | | AI 工具 | 老师会带着孩子用 AI 工具完成页面搭建、内容修改和问题排查，而不是让孩子单独面对代码。 | | 学习重点 | 页面组织、内容层次、基础交互、样式调整、调试修复。 |…

AI 工具

老师会带着孩子用 AI 工具完成页面搭建、内容修改和问题排查，而不是让孩子单独面对代码。

学习重点

页面组织、内容层次、基础交互、样式调整、调试修复。

课堂方式

固定项目推进、老师拆步骤、学生边做边改、现场巡场指导。

成果形式

论坛网站原型、项目说明文档、课堂展示。

课程结束后，家长能直接看到什么

作品形态

一个能实际打开、浏览、点击和演示的论坛网站原型。

是否可运行

是，至少能完整展示首页、帖子列表、帖子详情、发帖入口和基础互动。

是否有文档

有，一份项目说明文档，写清楚做了什么、页面如何组织、项目如何完成。

是否能讲解

可以，孩子需要把网站结构、核心功能和制作过程讲明白。

什么样的学生更适合报名

适合这样的学生

第一次接触 AI 编程，想从一个清楚的小项目入门的学生。
想做出一个看得见的网站，而不是只做很多零散练习的学生。
能接受边做边学、边调边改，希望通过项目建立信心的学生。
对网站、内容展示、科技工具或产品表达有兴趣的学生。

建议先评估基础

无法连续参加完整 5 天学习，或不愿意参与展示与复盘。
完全不想动手，只想被动听课的学生。
明确只想上语法训练课、暂时不接受项目制学习方式的学生。

家长常见问题

零基础孩子会不会跟不上？

不会。课程默认孩子是零基础起步，老师会从页面结构、项目步骤和 AI 工具使用方式开始带。重点不是一上来写很多代码，而是先把项目做起来。

为什么不让零基础孩子自己自由选题？

因为自由选题对零基础学生来说太容易分散注意力。固定做论坛网站，孩子更容易把精力放在页面、结构和基础交互这些真正重要的内容上。

论坛网站是不是套模板做出来的？

不是简单套模板。老师会给清晰的项目框架和推进路径，但页面布局、内容组织、细节调整和功能完善，仍然需要孩子自己一步步完成和选择。

孩子在这个项目里，哪些部分是自己完成的？

孩子要自己参与页面搭建、内容修改、交互测试和问题调整。AI 工具会帮忙提高效率，但最终做什么、保留什么、怎么改，仍然由孩子在老师指导下做判断。

如果孩子中途卡住怎么办？

老师会把问题拆小，先帮助孩子保住当前进度，再一步步解决。目标不是让孩子卡在某个技术点上，而是带着他把完整项目做出来。

项目图集

Vibe Coding 初级版计划书第 1 页预览 — 项目计划书第 1 页预览

Vibe Coding 初级版计划书第 2 页预览 — 项目计划书第 2 页预览

Vibe Coding 初级版计划书第 3 页预览 — 项目计划书第 3 页预览

COURSE PLAN · PDF