0Pricing
💻

Vibe Coding

JAVASCRIPT

用 AI 构建真实应用——无需死记硬背语法。现代的、以提示词优先的软件创建方式。

🤖 AI 驱动📚 25 门课程👥 10万+ 学习者⭐ 4.9 分
课程概览

通过提示词而非死记硬背语法来构建真实软件

Vibe Coding 是通过自然语言提示词向 AI 工具描述需求、迭代输出而非手工逐行编写代码来构建功能应用的实践方式。这不是绕过理解的捷径,而是一种不同的工作流,对于想更快发货的独立开发者、设计师和开发人员来说已经具有真正的生产力。本课程涵盖完整周期:从选择合适的 AI 编码工具到部署、付费层级管理和监控生产应用——以 JavaScript 和当今真实使用的 AI 辅助工具链为基础。

你将学到什么

你将学会如何有效地为代码生成提示词,而不仅仅是用于对话——包括特定于软件构建的提示词工程技巧。课程涵盖阅读和审查 AI 生成的代码以理解你正在发货的内容、借助 AI 协助调试、连接第三方 API、添加数据库,以及完全通过提示词实现身份验证。后续课程涉及全栈应用构建、AI 代理和自动化、添加支付和订阅,以及运维方面:部署你的应用、为 AI 生成的代码编写测试,以及设置扩展和监控。你还将了解 vibe coding 的局限性以及如何应用最佳实践以保持 AI 辅助项目的可维护性。

学习路径

二十五门课程跨越 A1 至 C1 级别。前三门 A1 课程介绍什么是 vibe coding 以及当前 AI 编码工具包的概况——Cursor、Copilot、Replit AI 等类似工具。A2 课程立即进入构建:通过提示词构建登陆页面、将想法转化为计划以及提示词基础。B1 模块是核心实践层——八门课程涵盖代码提示词工程、阅读 AI 输出、调试、文件和 API、Git、通过提示词设计 UI、数据库和第三方 API 集成。B2 升级到身份验证、全栈应用、AI 代理、部署和支付。末尾的五门 C1 课程——生产化 AI 代码、真实产品的 Vibe Coding、AI 生成应用的测试和加固、扩展和监控你的 Vibe 编码应用以及局限与最佳实践——涉及如何让 AI 生成的代码库在生产环境中可靠运行。

工作方式

每门课程分为短小精悍的课时,你在内置编辑器中完成,获得实时反馈。当你卡住时可以使用 AI 辅导,练习围绕真实任务设计——编写提示词、阅读输出、修复 bug、集成 API——因此每个课程都产生具体成果而非抽象理论。

开始学习 →

你的学习方式

🎯
互动课程
实时反馈的动手编程练习
🤖
AI 导师
遇到困难时立即获得 AI 帮助
💻
内置编辑器
直接在浏览器中编写并运行代码
🏆
证书
完成课程后获得证书
课程

25 门课程

Vibe Coding 学习路径中的所有课程。

01

什么是氛围编程?

A14 节课

探索人工智能优先的软件构建方式:用自然语言描述需求,让人工智能编写代码,并了解其思维方式、发展历史和工作流。

02

您的人工智能编程工具箱

A14 节课PRO

认识让氛围编程成为可能的工具:Cursor、Claude Code、Copilot、v0、Bolt、Lovable 和 Replit。了解每种工具的用途以及使用时机。

03

选择合适的人工智能编程工具

A14 节课PRO

比较各种人工智能编程助手,为您的项目选择最合适的工具。

04

通过与人工智能交流构建您的第一个应用

A24 节课PRO

完成端到端实践:仅使用提示词,将一句话的想法变成可运行的网页。您的第一个真正的氛围编程项目!

05

构建应用的提示词基础

A24 节课PRO

氛围编程的核心技能:准确告诉人工智能您想要什么。掌握能让人工智能第一次就生成优质代码的结构、上下文和清晰表达。

06

与人工智能交流:从想法到计划

A24 节课PRO

借助人工智能,将模糊的应用想法转化为具体的构建计划。

07

通过提示构建落地页

A24 节课PRO

完全通过对话,发布精心打磨的落地页。

08

面向代码的提示工程

B14 节课PRO

提升提示词水平:使用角色、约束、示例和分步拆解,让人工智能生成生产级代码。

09

阅读与审查人工智能代码

B14 节课PRO

不要盲目发布代码。学习阅读人工智能生成的代码,发现错误和高风险模式,并决定哪些内容应保留、修复或拒绝。

10

使用人工智能进行调试

B14 节课PRO

程序出错时,人工智能可以成为您的调试伙伴。将错误消息转化为修复方案,并学习提出正确的问题。

11

处理文件、API 与数据

B14 节课PRO

真实应用需要数据。让人工智能帮助您读取文件、调用 API 和存储信息,同时避免陷入细节之中。

12

使用人工智能进行版本控制与 Git

B14 节课PRO

跟踪工作进度,避免丢失成果。使用人工智能学习 Git、编写提交消息,并从错误中恢复。

13

通过提示词设计用户界面

B14 节课PRO

让界面看起来更出色。使用 v0 和 Lovable 生成漂亮的界面,再通过文字调整布局、组件和样式。

14

为您的人工智能应用添加数据库

B14 节课PRO

为人工智能构建的应用提供真实且持久的数据。

15

使用人工智能连接第三方 API

B14 节课PRO

通过与人工智能交流,将外部服务集成到您的应用中。

16

通过提示添加身份验证

B24 节课PRO

无需手动编写身份验证代码,即可添加安全的注册和登录功能。

17

使用人工智能构建全栈应用

B24 节课PRO

将所有内容整合起来:在人工智能的端到端指导下,构建一个包含前端、后端、数据库和登录功能的真实应用。

18

人工智能代理与自动化

B24 节课PRO

超越聊天:让人工智能为您执行多步骤任务。构建能够完成实际工作的简单代理和自动化流程。

19

交付与部署您的应用

B24 节课PRO

让全世界的用户都能在线使用您的应用。在人工智能的逐步指导下,将应用部署到 Vercel、Netlify 等现代托管平台。

20

添加支付与订阅

B24 节课PRO

通过结账和周期性计费,让人工智能构建的应用实现变现。

21

将人工智能代码投入生产

C14 节课PRO

让氛围编程构建的应用可靠运行:掌握测试、安全性和可维护性,使项目经得起真实用户的使用。

22

面向真实产品的氛围编程

C14 节课PRO

将技能转化为产品。快速构建 MVP、验证想法,并以独立黑客的方式使用氛围编程发布 SaaS。

23

局限与最佳实践

C14 节课PRO

明智地进行氛围编程:了解何时可以信任人工智能,何时需要亲自理解代码,掌握高效人工智能开发者的工作习惯。

24

测试并加固人工智能构建的应用

C14 节课PRO

让人工智能生成的代码可靠、经过测试并且安全。

25

扩展并监控您的氛围编程应用

C14 节课PRO

让可运行的人工智能构建应用承载真实流量,并对其进行观测。

常见问题

常见问题解答

Vibe Coding 课程免费吗?

免费。你可以免费开始 Vibe Coding 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 JAVASCRIPT 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 JAVASCRIPT 基础也可以开始。

我在 CoddyKit 上怎样学习 JAVASCRIPT?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 Vibe Coding 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 Vibe Coding 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 JAVASCRIPT 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 JAVASCRIPT,进度会自动同步。

立即开始 Vibe Coding

加入数千名学习者,通过 AI 驱动的课程掌握编程。

免费开始 →浏览所有课程