Claude Code 从入门到精通：开发者的智能体编程 (Agentic Coding) （中英文字幕）

面对复杂的全栈开发，开发者常困于重复的样板代码编写与难以同步的 AI 上下文，导致开发效率在琐碎配置中被摊薄。本课程带你跳出简单的“对话式编程”，深入掌握 Claude Code 的智能体（Agentic）工作流，实现从环境配置到业务逻辑的自动化交付。通过实战构建一个集成 Clerk 鉴权与 Neon 数据库的 Next.js 应用，你将学会利用 MCP 协议与自定义规则（Rules）精准引导 AI 输出，确保生成的代码严丝合缝地符合生产标准。这不仅是工具的升级，更是将 AI 转化为深度理解项目架构、能自主执行复杂任务的编程伙伴。

你将学到什么

• 如何使用 Claude Code 进行智能体编程 (Agentic Coding)，包括构建自定义工作流、自动化任务和斜杠命令 (Slash Commands)。
• 如何构建一个几乎完全由 Claude Code 生成的全栈 Next.js 应用 (LiftingDiary)。
• 如何集成现代工具栈：Clerk 身份验证、Neon Postgres 数据库、Drizzle ORM 以及用于生产级堆栈的 shadcn/ui。
• 如何通过 MCP 填充数据库种子数据，利用自定义文档强制执行编码规范，并引导 Claude Code 的输出以符合你的编程风格。
• 将 Claude Code 视为结对程序员的最佳实践，同时保持代码库的整洁、可维护性和一致性。
• 扩展 Claude Code 的高级技术，包括应用自定义约定以及在大型项目中规模化使用智能体编程。

Claude Code 从入门到精通章节概览

01 — 01 – 课程介绍 (3 个课时)

1. 001 课程介绍与项目演示
2. 002 重要：开始课程前必读！（GitHub 仓库等）
3. 003 Udemy 评分与评价

02 — 02 – 项目搭建与 Claude Code 简介 (8 个课时)

1. 001 本课程所需的工具
2. 002 Next.js 项目搭建与 Claude Code 简介
3. 003 使用 Claude Code 配置 Clerk
4. 004 编写 Prompt 让 Claude Code 自定义 Clerk（涵盖上下文窗口知识）
5. 005 Claude Code 中的上下文窗口 (Context Window) 详解
6. 006 完成项目基础设置
7. 007 使用 Claude Code 生成数据库 Schema
8. 008 在 Claude Code 中使用 Neon MCP 生成示例数据并填充数据库

03 — 03 – 使用 Claude Code 生成代码 (10 个课时)

1. 001 使用 Claude Code 生成仪表板页面
2. 002 通过文档文件影响 Claude Code 的代码输出
3. 003 使用 Claude Code 生成数据获取文档并查询锻炼数据
4. 004 完成主仪表板页面（涵盖“思考模式” Thinking Mode）
5. 005 使用 Claude Code 自动化 Git 分支管理与合并
6. 006 使用 Claude Code 生成身份验证与数据变更 (Mutations) 文档
7. 007 实现“创建锻炼”功能
8. 008 Claude Code 自定义斜杠命令
9. 009 实现“更新锻炼”功能
10. 010 Claude Code 子智能体 (Sub Agents) 详解

04 — 04 – 使用 GitHub Actions 和 Claude Code 实现高级自动化 (4 个课时)

1. 001 部署到 Vercel
2. 002 配置 Claude Code GitHub Actions
3. 003 使用 Claude Code GitHub Actions 自动化修复 GitHub Issue（上）
4. 004 使用 Claude Code GitHub Actions 自动化修复 GitHub Issue（下）

05 — 05 – 进阶扩展 (3 个课时)

1. 001 更新仪表板日历 UI
2. 002 实现向锻炼记录中添加练习和组数
3. 003 个人级 vs 项目级自定义斜杠命令

06 — 06 – 课程总结 (2 个课时)

1. 001 恭喜结业！
2. 002 奖励内容！

课程要求

• 拥有活跃的 Claude Code 订阅。
• 熟悉 Web 开发基础概念。

课程包含

• 4.5 小时点播视频
• 2 篇文章
• 12 个可下载资源
• 支持移动端和电视观看
• 中英文字幕
• 结业证书

课程描述

重要提示：参加本课程需要活跃的 Claude 订阅。遗憾的是，Claude Code 并非免费工具。

与 Claude Code 一起迈向软件开发的未来。在这个以项目为导向的实战课程中，你将学习如何利用智能体编程 (Agentic Coding)，比以往更快、更智能、更一致地构建全栈应用。

我们将构建一个名为 LiftingDiary 的完整锻炼日志应用。该应用由 Next.js 驱动，而我们将让 Claude Code 承担大部分繁重的编码工作。在此过程中，你将学会如何设计和生成自己的编码标准、工作流和自动化脚本，从而让 Claude Code 编写出符合你个人风格的生产级代码。

你将学到：

• 智能体编程基础
  深入理解 Claude Code 的工作原理，掌握如何引导其输出，并构建属于你的“智能体工作流”。

• 从零开始构建 LiftingDiary
  利用 AI 驱动的开发流程，完成从数据库建模到 UI 实现的全过程。

使用 Claude Code 生成一个完整的 Next.js 应用，涵盖从环境搭建到部署的全过程。

• 数据库与身份验证集成

• 使用 MCP (Model Context Protocol) 在几秒钟内为托管在 Neon 上的 Postgres 数据库预置示例数据。

• 使用 Clerk 实现安全身份验证。

• 使用 Drizzle ORM 管理数据库架构 (Schema) 和查询。

• UI 与开发者体验

• 使用 shadcn/ui 构建现代界面。

• 自定义组件并保持设计一致性。

• Claude Code：你的编程搭档

• 编写自定义文档文件以指导编码标准。

• 通过规则 (Rules) 强制执行约定，从而影响每一行输出。

• 为常用任务创建自定义斜杠命令。

• 自动化重复的工作流。

• Claude Code 最佳实践

探索如何避免陷阱，保持代码库的可维护性，并将 Claude 视为智能结对编程者，而非简单的“复制粘贴”机器。

• 高级智能体化 (Agentic) 编码技术

学习如何编写提示词、构建工作流，并使用你自己的约定扩展 Claude Code。

无论你是对 AI 编码工具感到好奇的初学者，还是准备好通过 Claude Code 迈向专业的资深开发者，本课程都将为你提供在软件开发新时代蓬勃发展所需的技能、信心和系统化方法。

本课程适合人群

• 从初学者到资深开发者，只要你想学习如何将 Claude Code 集成到工作流中并大幅提高开发速度。