0.6 学习路径建议

起点不同,别等「都学完」才动手。挑最贴合你现状的节奏,先做出第一个成果,信心会涨得很快。

路径 1: 快速上手(推荐新手)

目标: 1-2 周内做出第一个网站

📅 7天详细挑战计划 (每天2-3小时)

Day 1: 建立认知 + 工具准备 (2小时)

上午/晚上:

• 30分钟: 阅读 为什么AI时代人人都能编程
• 30分钟: 下载并安装 Cursor
• 30分钟: 注册必要账号 (GitHub, Vercel)
• 30分钟: 完成Cursor的Hello World测试

成果: ✅ 工具装好,账号注册完成

如果卡住了: 查看 卡住了怎么办

Day 2: 熟悉Cursor基础操作 (2-3小时)

重点内容:

• 1小时: 学习 Cursor使用指南 的前半部分
• 30分钟: 练习 Cmd+L 对话功能
• 30分钟: 练习 Cmd+K 快速编辑
• 30分钟: 让AI写一个简单的HTML页面并在浏览器打开

成果: ✅ 能熟练使用Cursor的基本功能

练习项目: 让AI帮你写一个”自我介绍”的网页(只有HTML,不需要CSS)

Day 3: 理解Web基础概念 (2小时)

重点内容:

• 1小时: 快速浏览 Web基础: HTML/CSS/JavaScript
• 不要背!只需要知道它们是干什么的
• 1小时: 用Cursor改进昨天的自我介绍网页,添加CSS样式

成果: ✅ 理解HTML/CSS的基本作用,能看懂代码结构

练习项目: 让网页变得”好看一点” - 添加背景色、调整字体、居中显示

Day 4: 开始第一个真正的项目 (3小时)

重点内容:

• 30分钟: 学习 Next.js核心概念 (快速浏览,不求完全理解)
• 2.5小时: 跟着教程做第一个Next.js项目

项目: 个人作品集网站 (3页)

• 首页: 简单介绍
• 关于页: 详细个人信息
• 联系页: 联系方式

成果: ✅ 一个3页的Next.js网站在本地跑起来了

重要: 不要追求完美!先做出来,哪怕很丑!

Day 5: 完善网站内容和样式 (3小时)

重点内容:

• 2小时: 用Cursor优化网站样式
  • 让AI帮你选择配色方案
  • 添加响应式设计(手机端也能看)
  • 调整布局让页面更美观
• 1小时: 替换成自己的真实内容
  • 个人照片
  • 真实的自我介绍
  • 你的技能和经历

成果: ✅ 一个看起来还不错的个人网站

练习: 让AI给你3个不同的设计方案,选一个最喜欢的

Day 6: 部署上线 (2小时)

重点内容:

• 30分钟: 学习 Git与GitHub基础
• 30分钟: 把代码推送到GitHub
• 30分钟: 部署到Vercel
• 30分钟: 测试线上网站,修复bug

成果: ✅ 网站上线,有一个可以分享的网址!

里程碑: 🎉 恭喜!你的第一个网站上线了!分享给朋友看看!

Day 7: 复盘和下一步 (2小时)

复盘:

• 30分钟: 回顾这一周学到了什么
• 30分钟: 记录遇到的问题和解决方案
• 30分钟: 思考:还想添加什么功能?

下一步规划:

• 30分钟: 制定第2周学习计划
  • 继续优化这个网站?
  • 开始做第2个项目?
  • 学习更高级的功能?

成果: ✅ 完成第一个7天挑战,建立信心!

🎯 7天挑战 - 成功检查清单

完成以下所有项,你就算成功完成挑战:

• ✅ Cursor能熟练使用了(至少会Cmd+L和Cmd+K)
• ✅ 做出了一个3页的网站
• ✅ 网站成功部署到Vercel,有公开网址
• ✅ 能看懂基本的HTML/CSS代码
• ✅ 知道遇到报错该怎么处理
• ✅ 敢跟AI对话提需求了

路径 2: 全面掌握(系统学习)

目标: 1-2 个月掌握完整技能栈

路径 3: 商业化优先(赚钱导向)

目标: 最快速度做出能赚钱的产品

下一节: 常见问题FAQ - 解答你的疑虑。