我的AI编程30天:从啥都不会到上线第一个项目

我的AI编程30天:从啥都不会到上线第一个项目

站长
2026年3月26日 · 阅读 3913 · 点赞 256 · 预计 3 分钟
分享:

我的AI编程30天:从啥都不会到上线第一个项目

我是一个UI设计师,代码基础约等于零。这是我用AI编程30天的真实记录。

第1-3天:震惊期

Day 1:第一次用Claude Code,让它帮我做了一个个人主页。看到浏览器里出现自己设计的页面,激动得截图发了朋友圈。

Day 2:尝试加一个暗黑模式切换按钮。第一次遇到报错,慌了10分钟,把报错信息丢给AI,1分钟就修好了。

Day 3:做了一个简易计算器。开始理解什么是"函数"——就像设计里的组件一样,可以复用。

第4-10天:兴奋期

开始做稍微复杂的东西:

  • Day 5:做了一个记账工具,数据存在浏览器里

  • Day 7:第一次调用API,做了一个天气查询页面

  • Day 9:给公司内部做了一个配色方案生成器,同事都在用
  • 这个阶段最大的感受:AI编程的瓶颈不是技术,而是想象力。

    第11-20天:瓶颈期

  • Day 12:想做一个需要后端的项目,遇到"数据库"这个概念,脑子嗡的一下

  • Day 15:跟AI说了一句"我完全不懂数据库,你能用最简单的方式教我吗?",AI用"Excel表格"来类比,瞬间就懂了

  • Day 18:第一次部署项目到Vercel,全世界都能访问我的网站了
  • 这个阶段学到的最重要的事:不懂就问AI,但要告诉它你的水平。

    第21-30天:收获期

  • Day 22:开始做一个完整的项目——设计师作品集网站

  • Day 25:加了联系表单、项目展示、关于我页面

  • Day 28:绑定了自己的域名

  • Day 30:上线了!发到设计师社群,收到很多正面反馈
  • 30天后的感悟

  • AI不会取代程序员,但会让非程序员也能做产品

  • 从"想法"到"产品"的距离,从来没这么短过

  • 最难的不是学技术,而是迈出第一步

  • 做自己需要的东西,学习效率最高
  • 给想开始的你

  • 不要等"准备好了"再开始,现在就开始

  • 选一个你真正想做的项目

  • 每天哪怕只花30分钟

  • 遇到问题别自己死磕,问AI

  • 记录你的过程,这本身就是内容
  • 30天后,你会感谢今天开始的自己。

    站长
    人人都是程序员,站长

    喜欢这条 tip?打赏作者一杯咖啡

    你的支持是持续更新的动力

    分享:

    📈 相关文章

    A vs B:手写‘邻里拼车登记表’vs Claude Code生成+微信立牌版——我赌赢了3小时,还顺手接了社区交通协调员单

    对比传统手工登记与AI生成+实体触点方案,展示如何用最小改动撬动最大本地信任与变现可能。

    2026/4/21 · 阅读 910

    删掉这行CSS后,我的‘广场舞队形生成器’被队长转发到5个群——原来微信里最贵的不是代码,是留白

    通过移除默认CSS边距与填充,让AI生成网页在微信中获得呼吸感与专业感,大幅提升转发意愿。

    2026/4/21 · 阅读 1414

    凌晨2:17,我把‘宠物驱虫倒计时’网页发到遛狗群——4小时后,3家宠物店问我‘能放门口扫码立牌吗?’

    一个深夜突发奇想的倒计时页,如何靠微信原生交互+极简设计引爆本地需求,并衍生出实体物料合作。

    2026/4/21 · 阅读 880

    5个藏在物业公告栏背面的「接单话术」:当业主夸‘这网页真像我们物业APP’,我就知道单子快成了

    从真实接单对话中提炼出5句不提技术、只戳痛点的话术,帮零基础学员把AI作品自然转化为副业收入。

    2026/4/21 · 阅读 2219

    为什么我把‘扫码填表’按钮放大3倍后,社区团购转化率翻了4倍?——1个被90%新手忽略的微信视觉锚点

    通过调整按钮尺寸、颜色与微信原生交互节奏的微调,让零基础用户做出真正「微信里长出来的」网页,不改一行JS就提升点击率。

    2026/4/21 · 阅读 3042