其他Paid
每日任务合集(已完结)
:::info
大家可以对照进度来哈,如果没跟上的,也不用着急,咱们不管是微信群聊天信息,还是语雀文档,还是小鹅通课程直播都有录播的。
:::
Day 1 – 准备 & 环境搭建
- 加入学习群 / 打卡平台(确保能接收任务与反馈)
- 注册必要账号
- AI 工具:ChatGPT(或 Claude / Gemini)
- 代码托管:GitHub
- 部署平台:Vercel
- 辅助工具:Cursor / v0.dev / bolt.new
- 本地环境准备
- 安装 Cursor
- 安装 Node.js
- 了解课程目标与节奏(查看开营引导视频 / 语雀文档)
Day 2 – 入门实操 & 熟悉工具
- 跟着教程用 v0.dev / bolt.new 生成一个简单网站(先体验 AI 辅助编程)
- 将生成的网站部署到 Vercel(完成第一次上线)
- 在 GitHub 建立仓库并推送代码(体验代码管理)
- 在群里晒部署链接 + 截图(形成参与感和成就感)
Day 3 – 改造与理解
- 修改昨天部署的项目
- 改文字 / 改图片 / 改按钮跳转链接
- 熟悉项目目录结构
- 体验 AI 辅助编程
- 用 Cursor/Claude Code 给项目增加一个小功能(如点击按钮弹出提示框)
- 了解部署流程
- 把修改后的项目再次推到 GitHub,并自动同步到 Vercel
- 群里展示:分享前后对比(修改前 / 修改后)
Day 4 – 数据与交互
- 学习调用简单 API
- 调用一个公开 API(如随机名言、天气、笑话)
- 在页面展示数据
- 理解前后端连接的基本流程
- 明确哪些逻辑在前端完成,哪些需请求外部服务
- 小挑战:把 API 接口数据显示在自己的网站上(例如:显示 “每日一句”)
- 群里展示:发送自己的网站链接,让他人查看动态效果
Day 5 – 动态功能入门
- 前端交互升级
- 给页面增加输入框 + 按钮
- 实现简单交互逻辑(如输入名字 → 页面显示 “Hello, XXX”)
- 熟悉基本 JS 语法(变量、函数、事件监听)
- 群里展示:发送 “输入名字展示效果” 的截图 / 链接
Day 6 – AI 接入体验
- 注册 OpenAI / OpenRouter API Key
- 在项目里调用 AI 接口
- 输入框输入文字 → 调用 API → 返回结果显示在页面(例子:输入一句话 → AI 生成更优雅的版本)
- 理解调用 AI API 的最小代码逻辑(fetch 请求 / JSON 解析 / 前端渲染)
- 群里展示:发送自己制作的 “AI 小玩具” 链接