小白零基础AI编程变现课：掌握Claude Code等工具核心用法，10分钟生成完整网页应用，轻松实现AI编程入门与副业变现

课程简介

这是一门专为编程零基础学员打造的ai编程实战课程，旨在通过“动口不动手”的创新方式，引领你快速入门AI编程并开启变现之路。课程从零开始，系统讲解开发环境搭建，涵盖Node.js、VSCode、Git及Claude Code的安装与配置，并深入指导如何接入智谱AI模型。我们将通过六个循序渐进的实战项目——从个人简历网站到趣味游戏和实用工具——完整演示如何向AI描述需求并生成可运行的代码。课程还包含利用EdgeOne Pages进行免费部署的详细教程，让你的作品轻松拥有可在线访问的域名。最后，通过对真实学生作业商单的全程拆解，本课程将为你清晰呈现从需求沟通到项目交付的完整流程，助你构建“学习、实践、变现”的闭环能力。

适合人群

• 对代码一无所知，却希望抓住AI编程机遇的纯新手
• 渴望利用AI工具拓展副业、实现技能变现的职场人或自由职业者
• 需要快速构建网页应用的学生、办公人员及效率追求者
• 希望借助AI大幅降低开发成本的创业者、内容创作者与自媒体人

学习收获

• 精通Claude Code等核心AI工具，具备在10分钟内生成完整网页应用的能力
• 掌握使用EdgeOne Pages免费部署项目的技能，让作品获得全球可访问的专属链接
• 熟悉商单接洽与执行的完整流程，能够独立分析并满足客户的实际开发需求

课程目录

一、揭开AI编程的神秘面纱

• 给初学者的信心指南
• 核心学习法则：首要咨询AI！首要咨询AI！首要咨询AI！

二、为零基础学员量身定制的学习路径

• 环境搭建 → 勇敢尝试（哪怕不完美）→ 持续实践产出 → 在重复中达到精通

三、学前准备（1天）

• 概念科普：命令提示符（Windows）与终端（Mac）
• 实操视频：[1_Windows环境安装.mp4]
• Node.js安装（附下载链接与验证指令）
• VSCode安装（附下载链接与注意事项）
• Git安装（附下载链接与图文步骤）
• 首次作业：提交Node.js与VSCode的安装验证截图
• Claude Code安装（Windows/Mac系统指令及验证）
• 模型配置：安装并设置cc-switch（附下载与配置教程）
• 模型获取：注册智谱账号、获取API Key并订阅套餐
• 模型接入：在cc-switch中配置智谱模型并验证成功
• 第二次作业：提交Claude Code安装、cc-switch配置及与Claude对话的截图

四、Claude Code核心使用指南（1天）

• VSCode插件模式（安装官方插件与配置开关）
• 文字交互模式详解（计划模式/绕过权限/编辑前询问/自动编辑）
• 图片交互模式（支持直接复制粘贴图片进行分析）

五、实战项目开发（6天）

• 项目一：个人简历网站（视频：[2_个人简历网站2x.mp4]）
• 作业三：提交作品完成截图
• 项目二：中英文单词消消乐网页版（视频：[3_中英文单词消消乐网页版_2x.mp4]）
• 作业四：提交作品完成截图
• 项目三：多国货币转换器网页工具（视频：[4_货币转换工具.mp4]）
• 作业五：提交作品完成截图
• 项目四：番茄工作法计时器网页版（视频：[5_番茄钟.mp4]）
• 作业六：提交作品完成截图
• 项目五：工具集合导航站（整合前四个项目）（视频：[6_工具集合站.mp4]）
• 作业七：提交作品完成截图

六、项目部署上线（1天）

• 部署视频教程：[7_部署.mp4]
• EdgeOne Pages平台介绍（国内与国际站对比及其核心优势）
• 部署前准备（项目文件结构规范）
• 账号注册（支持微信扫码快速注册）
• 发布流程详解（登录→上传→创建项目→部署→预览）
• 项目设置（修改名称与绑定自定义域名）
• 网站更新（新建部署任务与重新上传文件）
• 作业八：任选一作品部署上线，提交可访问域名及网站截图

七、商业订单实战解析

• 真实案例：学生期末作业需求深度拆解
• 完整需求文档（包含HTML5语义化、外部CSS、500行代码量、响应式布局等具体要求）
• 实操步骤分步演示：
  1. 创建项目文件夹
  2. 使用VSCode打开文件夹
  3. 向Claude Code提交完整需求描述
  4. 由AI自动生成全套网站代码
  5. 最终成品展示（涵盖首页、详情页、导航及图文混排效果）
• 商单案例成果展示：两个已完成的H5页面访问链接

八、课程结语：即刻行动，创造未来

• 强调持续学习与迭代的价值
• 剖析AI时代为个人带来的全新机遇
• 最终鼓励：只要开始行动，你就已经超越了大多数人