精选教程
Vibe Coding 入门
学习 vibe coding 的基础知识，了解如何用自然语言创建你的第一个应用。
进阶提示词工程
精通编写高效提示词的艺术，为复杂项目生成你所需的精确代码。
HTML 入门
学习 HTML 基础知识，通过清晰的分步指导创建你的第一个网页。
面向专业人士的 JavaScript 基础
通过实用的商业应用掌握核心的 JavaScript 概念。
游戏编程基础
用 JavaScript 以有趣、引人入胜的方式创建你的第一个互动游戏。
什么是 Vibe Coding？
了解如何用通俗的中文描述你想要的东西来创建软件。无需任何编程经验。
与 AI 智能体谈判的艺术
别再苦苦哀求 AI 出结果。学习 4 种战略性谈判技巧——角色设定、约束、上下文和迭代——让 AI 精准完成你需要的任务。
小贴士：升级到 Claude Sonnet 4.6，让智能体任务更快
Claude Sonnet 4.6 带来更智能的智能体搜索——更少的 token、更低的延迟、同样的质量。学习如何在 10 分钟内升级你现有的项目。
从像素到产品
弥合 Figma 与代码之间的鸿沟。学习设计系统如何转化为 CSS 组件。
零成本 MVP
用免费工具构建你的第一个应用。设计、编码、托管，一分钱都不花。
从 PRD 到原型
用 AI 把 PRD 变成可点击的原型。交付实证，而非规格说明。
几分钟搞定落地页
无需提工单即可构建并部署转化优化的落地页。
从 CSV 到 Web 应用
上传一个 CSV，生成交互式数据浏览器。超越 SQL。
你的第一节互动课程
创建一个带即时评分的测验应用。打造学生真正会喜爱的内容。
浏览全部教程
找到最适合你水平和兴趣的教程
Vibe Coding 入门
学习 vibe coding 的基础知识，了解如何用自然语言创建你的第一个应用。
构建 Web 应用
用 vibe coding 结合现代框架和最佳实践，创建响应式 Web 应用。
数据管理与 API
学习如何在你的 vibe coding 项目中高效处理数据并集成外部 API。
进阶提示词工程
精通编写高效提示词的艺术，为复杂项目生成你所需的精确代码。
移动应用开发
用 vibe coding 技巧为 iOS 和 Android 创建原生移动应用。
调试与优化
学习调试和优化通过 vibe coding 生成的代码的有效策略。
HTML 入门
学习 HTML 基础知识，通过清晰的分步指导创建你的第一个网页。
用 CSS 设置格式
用通俗易懂的 CSS 技巧为你的网页添加样式和色彩。
响应式设计
让你的网站在从台式电脑到智能手机的所有设备上都美观好用。
面向专业人士的 JavaScript 基础
通过实用的商业应用掌握核心的 JavaScript 概念。
DOM 操作
学习如何动态更新网页，打造交互式商业应用。
数据可视化
创建专业的图表，有效地呈现商业数据。
游戏编程基础
用 JavaScript 以有趣、引人入胜的方式创建你的第一个互动游戏。
动画基础
学习如何为你的游戏和网站制作酷炫的动画。
游戏机制
设计有趣的游戏机制，如得分、关卡和增益道具。
什么是 Vibe Coding？
了解如何用通俗的中文描述你想要的东西来创建软件。无需任何编程经验。
你的第一个网页
用 AI 生成的 HTML 和 CSS 构建一个个人主页。学会阅读和修改代码输出。
让页面动起来
用 JavaScript 提示词为你的网页添加按钮、计数器和动态行为。
构建一个真正的应用
从网页升级到应用。用结构化的 AI 提示词构建天气仪表盘和食谱书。
你的 Vibe Coding 工具箱
掌握专业 vibe coder 每天都在使用的工具、技巧和提示词模式。
与 AI 智能体谈判的艺术
别再苦苦哀求 AI 出结果。学习 4 种战略性谈判技巧——角色设定、约束、上下文和迭代——让 AI 精准完成你需要的任务。
小贴士：升级到 Claude Sonnet 4.6，让智能体任务更快
Claude Sonnet 4.6 带来更智能的智能体搜索——更少的 token、更低的延迟、同样的质量。学习如何在 10 分钟内升级你现有的项目。
从像素到产品
弥合 Figma 与代码之间的鸿沟。学习设计系统如何转化为 CSS 组件。
无需懂 C 的 CSS
无需学习编程语言即可编写干净、易维护的样式。构建真正的布局，而不是纠结于 margin。
响应式的现实
掌握媒体查询和流式设计。一次构建，处处可用。
动画与交互
用 CSS 动画、过渡和微交互让你的设计活起来。
发布你的作品集
部署你的第一个上线项目。学习托管、SEO 基础知识，以及如何介绍你的作品。
零成本 MVP
用免费工具构建你的第一个应用。设计、编码、托管，一分钱都不花。
从想法到应用
把你的问题陈述变成可用的软件。这套思维模式将实干者与空想者区分开来。
10 分钟接入支付
无需自建支付系统即可接受信用卡付款。几小时内赚到你的第一美元。
用户、数据、仪表盘
了解谁在用你的应用以及为什么。跟踪漏斗、留存和收入。
上线日实战手册
从上线前的打磨到上线后的势头维持。看看顶尖创始人如何运作上线周末。
从 PRD 到原型
用 AI 把 PRD 变成可点击的原型。交付实证，而非规格说明。
快速构建内部工具
根据需求文档快速构建管理后台和内部工具，无需等待工程团队。
产品经理的数据可视化
用 CSV 和 API 数据创建实时仪表盘。呈现洞察，而非电子表格。
让你的工作流自动化
构建 Slack 机器人、邮件自动化和定时任务。把时间解放出来用于战略。
交付给利益相关方
部署、分享，并根据真实反馈迭代。用可运行的演示取代 20 页的幻灯片。
几分钟搞定落地页
无需提工单即可构建并部署转化优化的落地页。
邮件自动化构建器
用模板创建滴灌式邮件序列。无需写代码即可自动培育客户。
SEO 内容引擎
构建一个自动生成 meta 标签和站点地图的博客。无需 SEO 团队也能获得排名。
分析仪表盘
构建自定义的营销指标仪表盘。掌控你自己的数据可视化。
完整漏斗
将落地页、邮件和分析端到端串联起来。完整的营销自动化。
从 CSV 到 Web 应用
上传一个 CSV，生成交互式数据浏览器。超越 SQL。
API 驱动的仪表盘
连接真实的 API 并构建实时图表。实时数据，实时洞察。
交互式可视化
用 AI 构建 D3/Recharts 可视化。让数据讲述一个故事。
可分享的报告
从数据生成 PDF 和 HTML 报告。让你的每周报告自动化。
部署你的数据应用
发布一个面向公众的数据仪表盘。从本地到全世界。
你的第一节互动课程
创建一个带即时评分的测验应用。打造学生真正会喜爱的内容。
让你的内容游戏化
构建简单的教育游戏。让学习令人上瘾，而不是枯燥乏味。
学生进度跟踪器
构建一个带进度跟踪的班级仪表盘。掌握每位学生的学习情况。
自适应内容
创建能根据学生水平调整的自适应内容。规模化的个性化学习。
与你的学校共享
向学生部署和分发。从你的电脑到他们的浏览器。
学习路径
跟随系统化学习路径，从零基础到精通 vibe coding
入门路径
从基础知识和基本概念开启你的 vibe coding 之旅
- 1Vibe Coding 入门
- 2构建简单应用
- 3理解提示词基础
- 4你的第一个完整项目
中级路径
深化你的技能，自信地应对更复杂的项目
- 1进阶 Web 应用
- 2数据管理与 API
- 3移动开发基础
- 4调试与优化
进阶路径
掌握复杂的技术，构建企业级应用
- 1进阶提示词工程
- 2企业级架构
- 3AI 模型集成
- 4性能与扩展
针对不同学员的学习路径
选择最契合你背景和目标的学习路径。每条路径都经过精心设计，为你提供最相关的学习体验。
动画教程
通过生动有趣的动画剧集学习，由我们友好的向导带你探索。非常适合视觉型学习者，也是理解复杂概念的有趣方式。
