实战项目模板
从简单到复杂，逐步提升 AI 编程能力
学完基础教程后，最好的巩固方式就是做项目。以下是我为你精选的实战项目，按难度递增排列。
建议：先从入门级开始，完成 2-3 个后再挑战进阶项目。
🌟 入门级（完成第一阶段后可做）
推荐
个人介绍页
一个展示你自己的单页面，包含简介、技能、联系方式
HTML
CSS
推荐
待办清单
可以添加、删除、标记完成的任务列表
HTML
CSS
JS
有趣
倒计时器
设定目标日期，显示剩余天时分秒
HTML
JS
⚡ 进阶级（完成第二阶段后可做）
实用
天气查询应用
输入城市名，显示当前天气信息
API调用
异步
实用
笔记应用
支持创建、编辑、删除笔记，数据保存到本地
LocalStorage
CRUD
有趣
图片画廊
展示图片集合，支持点击放大浏览
CSS Grid
模态框
🚀 挑战级（完成第三阶段后可做）
综合
AI 聊天界面
接入大模型 API，实现简单的对话功能
API
流式输出
实用
Markdown 编辑器
左侧编辑，右侧实时预览的 Markdown 工具
Markdown解析
实时预览
有趣
个人博客
支持文章列表、详情页、分类筛选
路由
数据管理
项目开发建议
先设计
动手前先想清楚功能、页面结构、数据流
小步快跑
先实现核心功能，再逐步添加细节
多问 AI
卡住就问，让 AI 帮你分析问题、提供思路
保存代码
用 Git 管理代码，方便回滚和查看历史