其他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 小玩具” 链接
Day 7 – 复盘 & 项目雏形
- 整理本周项目（需包含以下 3 类内容）
- 修改过的静态页面
- 一个 API 调用（天气 / 笑话等）
- 一个简单的 AI 功能
- 撰写简短项目复盘
- 本周学到的 3 个技能
- 碰到的 1-2 个困难
- 下周最想学的东西
- 群里 “Demo Day”：统一时间晒链接，互相访问体验，增加互动与成就感
## Day 8 – 数据存储入门
1. 注册并熟悉 **Supabase**
2. 学习数据库基础概念（表 / 行 / 列）
3. 在网站里添加 “留言板” 功能
- 用户输入内容 → 存储到数据库 → 页面显示内容
4. 群里展示：发送自己留言板的效果截图
## Day 9 – 用户注册登录
1. 使用 **Supabase** 提供的 Auth 功能或 Google Auth
2. 实现注册 / 登录 / 登出流程
3. 登录后显示 “欢迎，用户名”
4. 群里展示：发送自己完成注册登录的网站 Demo
## Day 10 – AI + 数据库结合
1. 将 AI 结果存入数据库（例如用户生成的内容记录）
2. 实现 “历史记录” 功能：用户可查看自己之前生成的内容
3. 群里展示：发送带 “历史记录” 的 AI 小工具链接
## Day 11 – UI & 用户体验优化
1. 引入 UI 库（如 **shadcn/ui** 或 **Tailwind**）
2. 优化页面元素（添加更美观的按钮、输入框、卡片）
3. 学习基础响应式布局（确保手机 / PC 端均可