零基础 AI 编程实战课，人人都能学的 ai 编程入门系统课

面向新手的 AI 编程实战课

(Cursor/Claude Code/Codex)

欢迎订阅《AI 编程实战课》，这是一个以 Cursor/Claude Code/Codex 实战为主，面向不懂代码的编程新手研发的课程。以实战案例的形式开发几十个项目，包括:网站、微信小程序、浏览器插件、App 应用、Dify+Coze 智能体。目标是让大家通过实战课快速入门 AI 编程开发，课程正在持续更新中(较复杂课程可能会到两周更新一期)，确保大家能使用上最新的 AI 技术。所有项目实战课程章节都包含视频教学+提示词+源码，尽量使用 Chrome 浏览器学习哦~

课程内容：

├──Agent Skill 入门：在 Vibe Coding 中使用 Skills

│├──chapter3-1.mp4

│├──chapter1-1.mp4

│├──video.zip

│├──chapter2-1.mp4

│├──cc-skills-nextjs-main-done.zip

│├──cc-skills-nextjs-main.zip

├──3.10 使用 Cursor+supabase+ChatGPT o3 开发导航站后台（下）

│├──AI 导航站后台 _03-4K.mp4

│├──AI 导航站后台 _02-4K.mp4

│├──AI 导航站后台 _01-4K.mp4

│├──AI 导航站后台 _00-4K.mp4

│├──AI 导航站后台 _05-4K.mp4

│├──dirs-admin.zip

│├──ai-dirs-admin-main.zip

├──3.20N8N+Claude Code 自动获取 B 站热榜、保存选题 Agent！

│├──n8n-bilibili-beike-main.zip

│├──bilibili-video-agent.json

│├──n8n-02-2K.mp4

│├──n8n-03.mp4

│├──n8n-01-2K.mp4

│├──n8n-05-2K.mp4

│├──next-drizzle-starter.zip

├──3.23Dify Agent 实战(下)：开发一个新能源汽车之家

│├──dify 下-03.mp4

│├──dify 下-01-2K.mp4

│├──dify 下-04.mp4

│├──dify-findbset-ev-webpage-main.zip

│├──dify 下-02-2K.mp4

│├──ev_models_rows.csv

├──3.24 用 Claude Code 开发商业化项目：完整工作流+最佳实践

│├──chapter2.mp4

│├──chapter4.mp4

│├──tennis-miniprogram-ui-main.zip

│├──chapter1.mp4

│├──chapter3.mp4

│├──prototype.zip

│├──minapp-tdesign-starter-main.zip

├──3.4 开发一个能賺钱的网站：接入国内个人支付（无需营业执照）

│├──使用 Vercel 免费部署上线(1).mp4

│├──接入支付流程开发(1).mp4

│├──happyaicdong-template-main.zip

│├──happyaicoding-template-completed.zip

│├──初始化项目+支付流程说明(1).mp4

│├──happyaicoding-template-starter.zip

├──2.2 腾讯云实战

│├──cloudbase-03-final(1).mp4

│├──cloudbase-01(1).mp4

│├──cloudbase-04-final(1).mp4

│├──cloudbase-05-final(1).mp4

│├──cloudbase-02(1).mp4

├──3.16 新手超友好！在 Zeabur 部署你的所有服务

│├──zeabur-0-2K-0704.mp4

│├──plants-admin-nextjs-main.zip

│├──zeabur-01.mp4

│├──zeabur-02.mp4

│├──plants-py-main+.zip

│├──zeabur-03.mp4

├──3.27MCP 完整实战：FigmaChrome DevTools 等多个 M

│├──MCP 实战-03.mp4

│├──coffee-bean-mcp-main.zip

│├──mcp-tutorial-beike-main.zip

│├──MCP 实战-01-2K.mp4

│├──mcp-tutorial-beike-figma.zip

│├──MCP 实战-02-2K.mp4

├──3.7 基于模板，拥有属于自己的第一个博客

│├──blog-starter-app.zip

│├──templates_blog-starter-app-main.zip

│├──chapter2-部署-1.mp4

│├──my_nextjs_blog-main.zip

├──3.6 复制一个 Midjourney：登陆+通义模型+支付+token 管理

│├──chapter1-初始化项目(1).mp4

│├──ai-images-creator-main.zip

│├──chapter0-项目介绍(1).mp4

│├──chapter3-接入 AI 文生图能力(1).mp4

│├──with-supabase-app.zip

│├──chapter5-接入支付(1).mp4

├──3.9 使用 v0+supabase+Cursor 创建一个导航站(上)

│├──AI 导航站开头-4K.mp4

│├──AI 导航站-06-4K.mp4

│├──ai-tools-directory-main.zip

│├──AI 导航站-02-4K.mp4

│├──AI 导航站-01-4K.mp4

│├──AI 导航站-03-4K.mp4

│├──AI 导航站-05-4K(1).mp4

│├──ai-tools-directory.zip

│├──AI 导航站-04-4K.mp4

├──3.18Creem 支付完整入门（上）：新手最容易接入的海外支付方式？

│├──creem 教程-开头-字幕版.mp4

│├──creem-tutorial-main.zip

│├──creem-链接支付-1-字幕版.mp4

│├──creem-集成支付-2-字幕版.mp4

├──3.26Github 的 spec-kit：规范文档驱动开发如何实现？

│├──spec-kit-beike-main.zip

│├──spec-kit-01-2K.mp4

│├──spec-kit-03-2k.mp4

│├──spec-kit-02-2K.mp4

├──3.21N8N MCP+Claude Code：开发一个小红书笔记数据自动采集+AI 仿写 Agent

│├──n8n-xhs-main.zip

│├──n8n 下-03-2K.mp4

│├──n8n 下-02-2K.mp4

│├──n8n 下-01-2K.mp4

│├──n8n 下-04.mp4

│├──xhs-n8n-web-main.zip

│├──n8n-xhs-chrome-extenison-main.zip

├──3.15MkSaaS 模板：开发 AI 试衣出海产品，賺 2 份钱！

│├──mksaas-04-2K.mp4

│├──mksaas-08-2K.mp4

│├──mksaas-07.mp4

│├──mksaas-01-2K.mp4

│├──mksaas-06-2K.mp4

│├──cloth-split-demo-main.zip

│├──mksaas-02-2K.mp4

│├──mksaas-03-2K.mp4

│├──mksaas-05-2K.mp4

├──3.3 全栈天气 OOTD 小程序：AI 生图

│├──chapter2-原型图-1(1).mp4

│├──chapter5-接入后端 api-1(1).mp4

│├──项目介绍-1(1).mp4

│├──ootd-mini-program.zip

│├──chapter3-小程序前端-1(1).mp4

├──3.17Claude Code 入门开发一个超賺钱的 AI 编程文档工具

│├──claudecode-01-2K.mp4

│├──vibe-guide-tutorial-main.zip

│├──claudecode-02-2K-0710.mp4

│├──claudecode-03-2K-0710.mp4

├──3.11 用 lovable+视觉模型：开发拍照识别升糖指数的 H5

│├──blood-sugar-smart-scan-main.zip

│├──食物升糖识别-03-4K.mp4

│├──食物升糖识别-01-4K.mp4

│├──食物升糖识别-00-4K.mp4

│├──食物升糖识别-04-4K.mp4

│├──食物升糖识别-02-4K.mp4

├──3.13 开发 Elon Musk 多语言简历网站：理解国际化+开发流程

│├──开发 Elon+Musk 多语言简历网站-01.mp4

│├──开发 Elon+Musk 多语言简历网站-02.mp4

│├──开发 Elon+Musk 多语言简历网站-04.mp4

│├──开发 Elon+Musk 多语言简历网站-03.mp4

│├──elonmusk_resume_i18n-main.zip

│├──开发 Elon+Musk 多语言简历网站-05.mp4

│├──elon-musk-resume.zip

├──3.19Creem 支付完整入门（下）：让全世界都来学中国话+实现美金收款！

│├──type-cn-test-cursor.zip

│├──creem-api.md

│├──creem-webhook.md

│├──creem-subsctipon-api.md

│├──creem 教程-03-2K.mp4

│├──creem 教程-01-2K.mp4

│├──creem 教程-04-2K.mp4

│├──creem 教程-02-2K.mp4

│├──type-cn-start-template.zip

├──1.2

├──1.1

│├──cursor-chapter4(1).mp4

│├──cursor2-2-2K(1).mp4

│├──cursor-chapter2(1).mp4

│├──cursor2-1(1).mp4

│├──cursor 教学-chapter1(1).mp4

│├──cursor-chapter3(1).mp4

├──3.5AI 毒舌电影小程序：DeepSeek 如何评价春节档电影？

│├──封神二.json

│├──蛟龙行动.json

│├──春节档电影知识库.xlsx

│├──movie.data.ts

│├──newyear-movie-miniapp-demo-main.zip

│├──射雕英雄传.json

│├──哪吒 2.json

│├──熊出没·重启未来.json

│├──星星 icon.zip

│├──唐探 1900.json

├──3.25Codex 入门完整版：制作一个英语背单词应用

│├──codex-03-2K.mp4

│├──codex-01-2K.mp4

│├──codex-04-2K.mp4

│├──codex-02-2K.mp4

│├──codex-admin-nextjs-main.zip

│├──codex-h5-nextjs-main.zip

├──1.3

│├──4 个概念 new2(1).mp4

│├──前端语言(1).mp4

│├──最佳实践 new(1).mp4

│├──前端概念(1)(1).mp4

│├──chapter3GIT 命令行-1(1).mp4

│├──两个网站(1).mp4

│├──chapter2.2-回退版本-1(1).mp4

│├──chapter1-git 基础-1(1).mp4

│├──chapter2.1-gitui-1(1).mp4

├──2.2 出海必备-Supabase 详细教程

│├──chatper1-1(1).mp4

│├──chapter7-realtime-1(1).mp4

│├──chapter6：文件上传功能-1(1).mp4

│├──chapter4：接入注册登陆-1(1).mp4

│├──chapter3：轻松接入 supabase-1(1).mp4

│├──chapter5：接入数据库-1(1).mp4

│├──chapter2：前端-1(1).mp4

├──3.22Dify Agent 实战(上)：最强售前！给客户配一个新能源选车

│├──dify-findbest-ev-main.zip

│├──dify-03-2K.mp4

│├──find-best-ev-main.zip

│├──dify-04-2K.mp4

│├──data.csv

│├──dify-01-2K.mp4

│├──dify-02-2K.mp4

├──3.31Web3 项目：用 Opus4.5 开发 Crypto-策略监控飞书机器人

│├──chapter3.mp4

│├──Stitch-02-2K.mp4

│├──easyapp-01-2K.mp4

│├──chapter4.mp4

│├──coinmarketcap_feishu-main.zip

│├──chapter1.mp4

│├──chapter2.mp4

├──3.1 开发 Chrome 插件：把上班刷知乎变成看飞书文档

│├──3.1chrome-dev-install(1).mp4

│├──3.5 优化 chrome 插件(1).mp4

│├──3.6 构建和发布 Chrome 插件(1).mp4

│├──3.4 实现类似 kimi 豆包这样的功能(1).mp4

│├──3.2chrome 修改知乎主题(1).mp4

│├──dist.zip

│├──3.3 复制知乎所有的答案(1).mp4

│├──chrome-extension-boilerplate-react-vite-main.zip

├──3.28Vercel 教程：免费部署你的网站项目

│├──vercel-tutorial-beike-main.zip

│├──chapter4-1.mp4

│├──chapter1.mp4

│├──chapter6-1.mp4

│├──chapter3-1.mp4

│├──chapter5-1.mp4

│├──chapter2.mp4

│├──vercel-tutorial-beike-init.zip

├──3.12ShipAny：1 小时开发海外游客「中国攻略+AI 旅游助手」SaaS 网站

│├──ShipAny-03-2K.mp4

│├──ShipAny-07-2K.mp4

│├──ShipAny-08-2K.mp4

│├──ShipAny-04-2K.mp4

│├──ShipAny-01-2K.mp4

│├──ShipAny-02-2K-30.mp4

│├──ShipAny-05-4K.mp4

│├──ShipAny-06-2K.mp4

├──3.29iOS 教程：用 EasyApp+Claude Code 开发一个宠物训练 App，含订阅支付

│├──easy-app.zip

│├──easyapp-03-2K.mp4

│├──easyapp-02-2K.mp4

│├──11 月 3 日.mp4

│├──easyapp-04-final-2K.mp4

├──2.1

│├──屏幕录制 2025-02-24+10.40.21(1).mov

│├──chapter4-1(1).mp4

│├──chapter1-1(1).mp4

│├──chapter3-1(1).mp4

│├──chapter2-1(1).mp4

│├──chapter5-1(1).mp4

├──3.2 用 DeepSeek+Qwen-VL 做个 AI 待办事项应用

│├──ai-todo.zip

│├──chatper1-项目初始化-1(1).mp4

│├──with-supabase-app.zip

│├──chapter3-接入 qwen 模型-1(1).mp4

│├──ai-todo_images.zip

│├──chapter2-接入 deepseek-1(1).mp4

├──3.14iOS 应用开发：开发一款 AI 语音记账软件（基于 Qwen Omni

│├──VoiceAccountClient.zip

│├──iOS 开发 _01_2K.mp4

│├──ios 开发 _03.mp4

│├──iOS 开发 _04_2K.mp4

│├──VoiceAccountServer.zip

│├──iOS 开发 _02_2K.mp4

│├──iOS 开发 _05_2K.mp4

├──3.8 用 Chrome 插件爬取一切网页数据

│├──chrome-extension-crawler-main.zip

│├──chrome-crawler-stock-final.mp4

│├──chrome-crawler-install-final.mp4

│├──+chrome-crawler-start-final.mp4

│├──chrome-crawler-Coze-final.mp4

├──3.30 用开源賺钱？结合 Stitch+Github 开源复刻草料二维码

│├──Stitch-01-2K.mp4

│├──stitch-03-2K.mp4

│├──qrcode-opensource-stitch-2025-11-19-main.zip

│├──stitch-04-2K.mp4

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。