←返回博客
1
Lv.10 XP
零基础 · 7 个章节 · 22 节课

用 AI 创造，
不需要会写代码

告别死记硬背。在这门课里，你只需要学会和 AI 对话， 就能做出属于自己的网站、工具和应用。编程从未如此简单。

开始学习，免费
约 259 分钟适合零基础

开始你的第一节课吧

学习进度0 / 220%
我的作品学习数据可视化演示

课程大纲

七个章节，从认识 AI 编程到做出你自己的作品

1

第一章：什么是 Vibe Coding

3 节课 · 约 26 分钟

编程是什么

不需要害怕，编程就是让电脑帮你做事

AI 能帮我们做什么

了解 AI 编程助手的能力边界

什么是 Vibe Coding

进入心流状态，让创意自然流淌

2

第二章：如何和 AI 对话

3 节课 · 约 32 分钟

描述你的需求

好的描述 = 好的结果

给出具体例子

例子比抽象描述更有力

一步步来

不要一次要求太多，分步实现

3

第三章：动手实践

3 节课 · 约 39 分钟

创建一个网页

打开右侧 playground，开始你的第一次 vibe coding

修改和优化

迭代是 Vibe Coding 的核心

保存你的代码

学会管理和备份你的作品

4

第四章：进阶技巧

3 节课 · 约 37 分钟

当 AI 犯错时怎么办

AI 不是万能的，学会处理错误

如何继续对话

让 AI 记住上下文，保持连贯

做出你的作品

从学习到创造，完成你的第一个项目

5

第五章：工具与准备工作

4 节课 · 约 40 分钟

AI 工具对比与选择

Claude、ChatGPT、Cursor、Copilot 各有千秋，选对工具事半功倍

注册与第一次对话

从注册账号到发出第一条指令，一步步带你上手

文件与文件夹基础

不懂编程也要会的文件管理知识

浏览器开发者工具入门

按 F12 能看到什么？学会查看和调试代码效果

6

第六章：动手做项目

4 节课 · 约 62 分钟

做一个个人主页

从零开始，构建属于你的个人名片网页

做一个待办清单

学会创建有交互功能的网页应用

做一个倒计时工具

练习定时器、日期处理和界面更新

组合项目：个人作品集

将之前的项目组合成一个作品集页面

7

第七章：分享与发布

2 节课 · 约 23 分钟

网站是怎么出现在互联网上的

理解托管、域名和部署的基本概念

用 GitHub Pages 免费发布你的网站

最简单的免费网站发布方式，手把手教学

准备好开始你的编程之旅了吗？

不需要任何基础，不需要安装复杂软件。 打开浏览器，跟着课程，用 AI 创造你的第一个作品。

开始第一课