【熠辉】面向新手的Vibe Coding实战课
课程详情
课程标题
【熠辉】面向新手的Vibe Coding实战课
课程核心介绍
本课程专为新手设计,通过Vibe Coding实战教学,帮助学员掌握AI时代编程技能。课程内容涵盖AI编程基础、Vibe Coding系统操作、项目实战等,旨在培养学员的编程思维和实际操作能力。
适合人群
- 对编程感兴趣的小学生、中学生
- 希望提升AI编程技能的初学者
- 希望转行或提升职业竞争力的职场人士
- 对AI编程有浓厚兴趣的爱好者
学习收获
- 掌握Vibe Coding系统操作
- 了解AI编程基础知识和技能
- 具备独立开发简单项目的能力
- 提升编程思维和逻辑思维能力
课程亮点
- 实战教学,项目驱动,学以致用
- 资深讲师团队,一对一辅导
- 全流程项目实战,提升实战能力
- 紧跟AI技术发展趋势,课程内容更新及时
课程目录
01 第一章 cursor编程入门与环境搭建
1.1.1 Cursor 简介、安装与常见问题汇总 (2026_4_3 10:47:05).html
1.1.2 核心操作:熟悉Cursor界面与设置 (2026_4_3 10:51:11).html
1.1.3 开发环境:安装Node.js 和 Git (2026_4_3 10:53:46).html
1.2.1 AI时代下的前端核心概念+最佳实践 (2026_4_3 10:56:21).html
1.2.2 新手入门后端必要概念 + 最佳实践_batch.mp4
1.2.2 新手入门后端必要概念 + 最佳实践 (2026_4_3 10:57:38).html
chapter1-1_batch.mp4
chapter2-1_batch.mp4
chapter3-1_batch.mp4
02 第二章ai全栈开发核心概念与基础
2.1 AI时代下的前端核心概念+最佳实践
2.1 AI时代下的前端核心概念+最佳实践.html
2.1 AI时代下的后端核心概念+最佳实践.html
前端.mp4
后端.mp4
2.2 Git入门:必学!AI编程的后悔药
1. Git基础概念.html
2. 基于Cursor的git教程实战.html
3. 基于git命令的教学实战.html
chapter1-git基础-1.mp4
chapter2.1-gitui-1.mp4
chapter3GIT命令行-1.mp4
2.3 AI赋能下的前端开发:NextJS框架基础入门
1. 框架基础与项目创建.html
2. 项目结构与路由系统.html
3. 组件与UI开发.html
4. Next.js后端能力.html
5. 部署全栈项目.html
chapter1-1.mp4
chapter2-1.mp4
chapter3-1.mp4
chapter4-1.mp4
chapter5-1.mp4
2.4 AI编程中安全的最佳实践
2.4 AI编程中安全的最佳实践.html
安全策略完整版.mp4
新手入门后端必要概念 + 最佳实践.html
03 第三章 openclaw+agent实战
OpenClaw 基础使用方法:基础概念 (2026_4_3 11:08:22).html
OpenClaw 快速上手 - 本地安装与使用方式 (2026_4_3 11:06:26).html
Skill 系统与 ClawHub - 给 AI 装上专业技能 (2026_4_3 11:10:07).html
openclaw-1-2K_batch.mp4
openclaw-2-2k_batch.mp4
openclaw-3-2K_batch.mp4
openclaw-4-2K_batch.mp4
openclaw-5-2K_batch.mp4
openclaw-myskill-tutorial-main.zip
创建自己的 Skill - 封装你的业务逻辑 (2026_4_3 11:13:39).html
多 Agent 协同 - 打造你的 AI 团队 (2026_4_3 11:12:00).html
04 第四章 云原生+小程序开发(supabase腾讯云)
4.1 国内方案:腾讯云CloudBase实战
1. 认识腾讯云开发Cloudbase.html
2. 开发AI画廊前端.html
3. 完成用户登陆.html
4. 完成AI图像生成功能.html
5. 完成发布作品的功能.html
cloudbase-01_batch.mp4
cloudbase-02_batch.mp4
cloudbase-03-final_batch.mp4
cloudbase-04-final_batch.mp4
cloudbase-05-final_batch.mp4
miniprogram.zip
4.2 出海方案Supabase深度教程
1.什么是Supabase?.html
2.给项目初始化前端模板.html
3.轻松接入Supabase.html
4.轻松接入邮件登陆注册功能(Auth).html
5.用Cursor给Todo List实现增删改查(Database).html
6.增加文件上传功能(Storage).html
7.给应用增加实时功能(Realtime).html
8.数据安全设置(RLS).html
chapter2:前端-1.mp4
chapter3:轻松接入supabase-1.mp4
chapter4:接入注册登陆-1.mp4
chapter5:接入数据库-1.mp4
chapter6:文件上传功能-1.mp4
chapter7-realtime-1.mp4
chatper1-1.mp4
with-supabase-app 2.zip
with-supabase-app.zip
4.3cloudbase巩固实战:完整小程序+后台
开发一个Seedance2.0提示词售卖
AI小程序实战(上):开发一个Seedance2.0提示词售卖 (2026_2_27 19:06:05).html
minapp-tdesign-starter-main.zip
prompts.json
videos.zip
wxpay-cloudbase-tutorial-main.zip
提示词小程序-01-2K_batch.mp4
提示词小程序-02-2K_batch.mp4
提示词小程序-03-2K_batch.mp4
提示词小程序-04-2K_batch.mp4
提示词小程序-05-2K_batch.mp4
给小程序配上后台管理
AI小程序实战(下):给小程序配上后台管理 (2026_3_16 23:03:06).html
chapter1_batch.mp4
chapter2_batch.mp4
chapter3_batch.mp4
chapter4_batch.mp4
cloudbase-miniapp-admin-main.zip
cloudbase-miniapp-admin.zip
4.4 DeepSeek + Qwen-VL 做个AI待办事项应用
ai-todo.zip
ai-todo_images.zip
chapter2-接入deepseek-1.mp4
chapter3-接入qwen模型-1.mp4
chatper1-项目初始化-1.mp4
with-supabase-app.zip
用DeepSeek + Qwen-VL_ 做个AI待办事项应用.html
4.5 全栈天气OOTD小程序
chapter2-原型图-1.mp4
chapter3-小程序前端-1.mp4
chapter4-coze后端api-1.mp4
chapter5-接入后端api-1.mp4
ootd-mini-program.zip
全栈天气OOTD小程序:AI生图.html
项目介绍-1.mp4
05 第五章 新时代的ai编程工具和技巧
5.1 Claude Code入门 开发一个超赚钱的AI编程文档工具
Claude Code入门_ 开发一个超赚钱的AI编程文档工具.html
claudecode-01-2K.mp4
claudecode-02-2K-0710.mp4
claudecode-03-2K-0710.mp4
vibe-guide-tutorial-main.zip
5.2 Codex入门完整版:制作一个英语背单词应用
Codex入门完整版:制作一个英语背单词应用.html
codex-01-2K.mp4
codex-02-2K.mp4
codex-03-2K.mp4
codex-04-2K.mp4
codex-admin-nextjs-main.zip
codex-h5-nextjs-main.zip
5.3 MCP完整实战
MCP完整实战:Figma_Chrome DevTools等多个MCP (1).html
MCP实战-01-2K.mp4
MCP实战-02-2K.mp4
MCP实战-03.mp4
coffee-bean-mcp-main.zip
mcp-tutorial-beike-figma.zip
mcp-tutorial-beike-main.zip
5.4 在Vibe Coding中使用Skills
Agent Skills入门:在Vibe Coding中使用Skills (2026_1_27 22:22:57).html
bilibili-data.json
cc-skills-nextjs-main-done.zip
cc-skills-nextjs-main.zip
chapter1-1.mp4
chapter2-1.mp4
chapter3-1.mp4
video.zip
5.5 Harness Engineering让 AI 稳定开发项目
Harness Engineering 入门实战课:如何让 AI 稳定开发项目? (2026_4_29 14:11:56).html
harness engineering-1-2k_batch.mp4
harness-enginerring-2-2K_batch.mp4
harness_enginerring-3-2K_batch.mp4
初始化源码app.zip
最终源码app.zip
5.6 Open Design 实战指南:从AI设计到代码落地
Open Design 实战指南:从AI设计到代码落地 (2026_5_19 18:19:31).html
Open Design 实战指南:从AI设计到代码落地_2_batch.mp4
Open Design 实战指南:从AI设计到代码落地_3_batch.mp4
Open Design 实战指南:从AI设计到代码落地_batch.mp4
VCPage.zip
aicoding-course_open-design-main.zip
06 第六章 ai网页应用实战开发
6.1 快速实战:创建官网并集成满血版DeepSeek R1
chapter3-dify-1.mp4
chapter4-智能客服接入网站-1.mp4
chatper1-做网站-1.mp4
chatper-2火山引擎-1.mp4
下载素材
doc.md
shadcn-landing-page-main.zip
shadcn-landing-page.zip
快速创建官网+添加满血版DeepSeek R1智能客服.html
6.2 使用ai创建一个导航站(上)
AI导航站-01-4K.mp4
AI导航站-02-4K.mp4
AI导航站-03-4K.mp4
AI导航站-04-4K.mp4
AI导航站-05-4K.mp4
AI导航站-06-4K.mp4
AI导航站开头-4K.mp4
ai-tools-directory-main.zip
ai-tools-directory.zip
使用v0 + supabase + Cursor创建一个导航站(上).html
6.3 ai开发当航站后端(下)
AI导航站后台_00-4K.mp4
AI导航站后台_01-4K.mp4
AI导航站后台_02-4K.mp4
AI导航站后台_03-4K.mp4
AI导航站后台_04-4K.mp4
AI导航站后台_05-4K.mp4
ai-dirs-admin-main.zip
dirs-admin.zip
使用Cursor + supabase + ChatGPT o3开发导航站后台(下).html
6.4 移动端微服务:用lovable 开发拍照识别升糖指数
blood-sugar-smart-scan-main.zip
用lovable + 视觉模型:开发拍照识别升糖指数的H5.html
食物升糖识别-00-4K.mp4
食物升糖识别-01-4K.mp4
食物升糖识别-02-4K.mp4
食物升糖识别-03-4K.mp4
食物升糖识别-04-4K.mp4
6.5 用开源赚钱?Stitch + Github开源复刻草料二维码
Stitch-01-2K_batch.mp4
Stitch-02-2K_batch.mp4
qrcode-opensource-stitch-2025-11-19-main.zip
stitch-03-2K_batch.mp4
stitch-04-2K_batch.mp4
用开源赚钱?结合Stitch + Github开源复刻草料二维码.html
6.6 出海必备:快速接入邮件API服务实战课
出海必备:快速接入邮件API服务实战课 (2026_4_18 12:27:16).html
出海必备:快速接入邮件API服务实战课_2_batch.mp4
出海必备:快速接入邮件API服务实战课_3_batch.mp4
出海必备:快速接入邮件API服务实战课_batch.mp4
初始化源码sendflare-tutorial-main.zip
最终源码sendflare-tutorial-main_2.zip
07 第七章 浏览器扩展(插件)开发实战
7.1 基础入门:开发一个“上班摸鱼神器”插件(知乎变飞书)
3.1chrome-dev-install.mp4
3.3复制知乎所有的答案.mp4
3.4实现类似kimi豆包这样的功能.mp4
3.5优化chrome插件.mp4
3.6构建和发布Chrome插件.mp4
chrome-extension-boilerplate-react-vite-main (1).zip
chrome-extension-boilerplate-react-vite-main.zip
dist.zip
开发Chrome插件:把上班刷知乎变成看飞书文档.html
7.2 数据采集:用Chrome插件爬取一切网页数据
_chrome-crawler-start-final.mp4
chrome-crawler-Coze-final.mp4
chrome-crawler-install-final.mp4
chrome-crawler-stock-final.mp4
chrome-extension-crawler-main.zip
setup-cyowcopy-1.9.1.872-x64.exe
用Chrome插件爬取一切网页数据.html
08 第八章 ios开发入门
8.1 iOS AI语音记账软件开发
VoiceAccountClient.zip
VoiceAccountServer.zip
iOS应用开发:开发一款AI语音记账软件(基于Qwen Omni) (1).html
iOS开发_01_2K.mp4
iOS开发_02_2K.mp4
iOS开发_04_2K.mp4
iOS开发_05_2K.mp4
ios开发_03.mp4
8.2 使用代码模版:开发一个宠物训练ios app
05.mp4
easy-app.zip
easyapp-01-2K.mp4
easyapp-02-2K.mp4
easyapp-03-2K.mp4
easyapp-04-final-2K.mp4
iOS教程:用EasyApp + Claude Code开发一个宠物训练App,含订阅支付.html
09 第九章 商业化落地:支付集成与项目部署
9.1 国内支付:接入个人支付系统(无需营业执照)
happyaicdong-template-main.zip
happyaicoding-template-completed.zip
happyaicoding-template-starter.zip
使用Vercel免费部署上线.mp4
初始化项目+支付流程说明.mp4
开发一个能赚钱的网站:接入国内个人支付(无需营业执照).html
接入支付流程开发.mp4
9.2 国内支付巩固:复制一个Midjourney
ai-images-creator-main.zip
chapter0-项目介绍.mp4
chapter1-初始化项目.mp4
chapter2-完成前端.mp4
chapter3-接入AI文生图能力.mp4
chapter4-接入数据库.mp4
chapter5-接入支付.mp4
with-supabase-app.zip
复制一个Midjourney:登陆+通义模型+支付+token管理.html
9.3海外收款:creem支付完整入门
Creem支付完整 入门(下):让全世界都来学中国话 + 实现美金收款!
Creem支付完整入门(下):让全世界都来学中国话 + 实现美金收款!.html
creem教程-01-2K.mp4
creem教程-02-2K.mp4
creem教程-03-2K.mp4
creem教程-04-2K.mp4
type-cn-start-template.zip
type-cn-test-cursor.zip
Creem支付完整入门(上):新手最容易接入的海外支付方式?
Creem支付完整入门(上):新手最容易接入的海外支付方式?.html
creem-tutorial-main.zip
creem-链接支付-1-字幕版.mp4
creem-集成支付-2-字幕版.mp4
creem教程-开头-字幕版.mp4
9.4 Claude Code开发商业项目与上线
chapter1.mp4
chapter2.mp4
chapter3.mp4
chapter4.mp4
minapp-tdesign-starter-main.zip
prototype.zip
tennis-miniprogram-ui-main.zip
用Claude Code开发商业化项目:完整工作流 + 最佳实践!.html
10 第十章 项目最后一公里:部署上线
10.1 Vercel教程:免费部署你的网站项目
Vercel教程:免费部署你的网站项目.html
chapter1.mp4
chapter2.mp4
chapter3-1.mp4
chapter4-1.mp4
chapter5-1.mp4
chapter6-1.mp4
vercel-tutorial-beike-init.zip
vercel-tutorial-beike-main.zip
10.2 新手超友好!在Zeabur部署你的所有服务
plants-admin-nextjs-main.zip
plants-py-main .zip
plants-react-vite-main.zip
zeabur-0-2K-0704.mp4
zeabur-01.mp4
zeabur-02.mp4
zeabur-03.mp4
新手超友好!在Zeabur部署你的所有服务.html
10.3 宝塔部署入门:新手真正理解项目部署全流程
baotao-tutorial.zip
宝塔部署入门:新手真正理解项目部署全流程 (2025_12_23 18:33:30).html
宝塔部署入门:新手真正理解项目部署全流程_2_batch.mp4
宝塔部署入门:新手真正理解项目部署全流程_3_batch.mp4
宝塔部署入门:新手真正理解项目部署全流程_4_batch.mp4
宝塔部署入门:新手真正理解项目部署全流程_batch.mp4
11 第十一章 效率翻倍:使用专有模版开发
11.1 基于模板,拥有你的第一个博客!
blog-starter-app.zip
chapter1-开发博客-1.mp4
chapter2-部署-1.mp4
my_nextjs_blog-main.zip
templates_blog-starter-app-main.zip
基于模板,拥有属于自己的第一个博客!.html
11.2 MkSaaS模板:开发AI试衣出海产品,赚2份钱!
MkSaaS模板:开发AI试衣出海产品,赚2份钱!.html
cloth-split-demo-main.zip
mksaas-01-2K.mp4
mksaas-02-2K.mp4
mksaas-03-2K.mp4
mksaas-04-2K.mp4
mksaas-05-2K.mp4
mksaas-06-2K.mp4
mksaas-07.mp4
mksaas-08-2K.mp4
11.3 ShipAny2完整教程 AI漫剧出海项目制作
ShipAny2完整教程: AI漫剧出海项目制作 (2026_1_27 22:52:31).html
index.json
shipany2-03-2K.mp4
shipany2-04-2K.mp4
shipany-01-2K.mp4
shipany-02-2K.mp4
shipany-05-2K.mp4
归档.zip
归档_2.zip
归档_3.zip
复刻一个Lovart:给你的产品添加上画布模式
copy-lovart_-main(最终源码).zip
copy-lovart_-test(执行goal之前的源码).zip
lovart-1-2K_batch.mp4
lovart-2-2K_batch.mp4
lovart-3-2K_batch.mp4
lovart-4-2K_batch.mp4
复刻一个Lovart:给你的产品添加上画布模式 (2026_5_30 11:01:54).html
归档(所有的图片).zip
学员专属模板
neobrutalism-blog.zip
payment-template.botbio.site-main.zip
shadcn-template-main.zip
simple-blog.zip



