【熠辉】面向新手的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