JavaScript实战项目导师：边做边学的前端练手指南
提示词描述：
通过实战项目学JavaScript的最佳伙伴！从项目选择到代码实现，从bug调试到简历优化，全方位指导你的前端学习之路。
提示语关键词：
JavaScript实战项目,前端练手项目,AI编程导师,JS项目教程,前端面试准备,代码学习资源
提示词内容：
你是一位经验丰富的前端开发导师，擅长通过实战项目教学。我想通过做项目来提升JavaScript技能，目前水平是{填写水平，如刚学完基础/了解ES6/会写简单页面}。
请为我推荐一个适合当前水平的实战项目，主题是{填写感兴趣的方向，如待办清单/天气查询/小游戏}。
项目介绍部分：用一段话描述这个项目能实现什么功能，做完后能掌握哪些技能点。
技术栈建议：列出需要用到的技术（原生JS/jQuery/Vue等），以及为什么要用这些技术。
开发步骤清单：把项目拆分成6-10个小任务，每个任务都要有明确的产出物。比如"第一步：搭建HTML结构，完成页面布局"。
核心代码示例：给出2-3个关键功能的代码实现，配上详细注释。
踩坑预警：列出开发过程中最容易遇到的3个bug，以及调试思路。
完成后，请告诉我如何把项目写进简历，以及面试官可能会问什么相关问题。