
AI时代的编程学习:从WordPress到Next.js的转型之路
分享在AI时代学习编程的真实经历,从WordPress到Next.js的技术转型,探讨AI辅助编程的正确姿势和常见误区,为编程初学者提供实用的学习路线。
最近这段时间,Dalong一直在研究AI编程,从最开始的懵懵懂懂到现在算是有了一点心得。大家可以看我前几篇文章,都是直接用文字来编程,只不过我在内心里是知道,如果在一个方面没有自己的理解,纯靠ai是走不远的,比如想写一个非常成熟的网站,你一点页面语言都不懂,那是不行的,比如你想写一篇法律或者会计有关的文章,你纯靠ai没有相关经验是很难写出有深度的东西。
今天想和大家分享下我的学习经历,希望能给同样在学习编程的朋友一些启发。
▲ 现代化的AI编程学习环境
为什么要学编程?
其实一开始我也是被0代码开发网站,开发插件,开发app吸引过来的,后来越用越发现,如果自己对代码一知半解,一旦遇到一个bug,或者ai难以解决的问题,就会疯掉,所以我们需要自己能理解自己的项目,知道哪里该干什么哪里不该干什么,才能指挥ai。我们不需要有多厉害,就我个人理解来讲,我们只需要能看懂项目结构和模糊的代码含义就行。
从WordPress到Next.js的转变
很多人可能和我一样,一开始都是用WordPress建站。它确实很方便,但也有很多限制:
- 主题修改不够灵活
- 插件多了就变慢
- 服务器要求比较高
- SEO优化不够理想
而用Next.js就不一样了:
- 想怎么改就怎么改
- 速度非常快
- 可以免费部署
- 对搜索引擎特别友好
AI时代的学习方法
说到这里,可能有人要问了:现在不是有ChatGPT吗?为什么还要学编程?
确实,ChatGPT很强大,但它更像是一个助手,而不是替代品。就像你请了个厨师,如果你连菜名都不知道,怎么告诉他你想吃什么?
我自己在使用AI编程时就遇到过很多坑:
- 让它写代码结果写出bug
- 想改一个功能说不清楚要求
- 生成的代码自己看不懂
- 项目做大了无从下手
所以我建议的学习路线是:
第一步:学会基础的HTML和CSS
- 这就像学认字一样
- 不用学太深,能看懂就行
- 主要理解网页是怎么组成的
第二步:了解JavaScript
- 这个就像学语法
- 重点掌握基本用法
- 不用背太多,用到再查
第三步:上手React框架
- 这就像学写作文
- 理解组件的概念
- 知道代码怎么组织
第四步:尝试Next.js开发
- 这就是动手写东西
- 从小项目开始练
- 慢慢增加难度
实战经验分享
说说我的亲身经历。前段时间我要做一个导航网站,本来想着直接让AI生成代码。结果因为不懂基础,改来改去都不满意,最后还是老老实实看了些教程,打好基础后才顺利完成。
现在我的工作流程是:
- 先画个草图
- 写一些基础代码
- 用AI帮忙优化
- 自己再调整完善
这样既发挥了AI的优势,又不会完全依赖它。
常见误区避坑
1. 以为AI能包办一切
- AI只是工具
- 基础知识必须要有
- 不懂就问AI效率很低
2. 急于求成
- 编程需要时间积累
- 从简单项目开始
- 循序渐进最重要
3. 只顾写代码
- 要多看别人的项目
- 学习优秀的代码
- 培养编程思维
我的个人感悟
做了一个月的ai开发,最大的感受就是:基础真的很重要。就像盖房子,地基不牢,后面加再多东西都不稳当。
现在网上教程很多,但我建议:
- 先选一个方向深入
- 从实际项目练起
- 遇到问题多思考
- 善用AI但不依赖
技术栈推荐
基于我的学习经历,推荐这样的技术栈:
前端开发:
- HTML/CSS基础
- JavaScript ES6+
- React框架
- Next.js全栈框架
- Tailwind CSS样式
开发工具:
- VS Code编辑器
- Git版本控制
- Vercel部署平台
- ChatGPT/Claude AI助手
学习资源分享
免费资源:
- MDN Web文档(基础知识)
- React官方文档
- Next.js官方教程
- YouTube编程频道
实践项目:
- 个人博客网站
- 简单的导航页面
- Todo应用
- 天气查询工具
写在最后
编程这条路说难也难,说简单也简单。关键是你用什么心态去学。如果只是为了跟风,可能很快就放弃了。但如果是真的想做点东西,那么一切困难都是暂时的。
就像我现在,虽然还是个小白,但至少能做出自己想要的东西了。这种成就感,真的很棒!
希望这篇文章能给正在学习编程的朋友一些启发。有什么问题也欢迎在评论区交流!
关键要点总结
- AI是助手不是替代品 - 基础知识仍然重要
- 循序渐进很关键 - 从简单项目开始练习
- 实践胜过理论 - 多动手写代码
- 善用但不依赖AI - 保持独立思考能力
- 持续学习和改进 - 编程是一个持续的过程
更多编程学习心得,欢迎关注我的个人网站 dalong.ai
更多文章

AI辅助开发桌面录屏工具:从网页版到exe程序的完整实战
分享使用Cursor和AI开发Windows桌面录屏工具的完整过程,包括技术选型、开发流程、Cloudflare部署方案,以及非程序员如何借助AI实现复杂功能。


同志们,我又回去跑滴滴了~
记录一次回去跑滴滴的经历,从日入0刀到日入十刀,坚持上站比什么都重要。


两小时开发币安交易量监控工具:实时Telegram通知助手
分享一个简单实用的币安交易量监控工具,当交易量异常变化时自动发送Telegram通知,完全开源,附详细使用教程。


免费搭建专业企业邮箱:Resend + Cloudflare 完美组合指南
手把手教你使用Resend和Cloudflare免费搭建专业企业邮箱,支持Gmail管理,无需月费,提升品牌形象的最佳方案。

项目
我做过的和正在做的事情

OA十年
个人博客,分享在线套利、AI和骑行生活

OA十年商城
提供各种套利工具,AI账号,独立站,区块链等
530 News
新闻聚合网站,展示来自各种来源的热门内容

Free AI Generator
AI文本到图像生成工具,让创意想法变为现实

MCP Replicate FLUX
图片生成MCP,自动存储并生成图片链接

Lunar Date API
公历和农历日期转换API服务,包含节日和生肖

Binance Volume Alert
监控币安期货交易量的自动化机器人
Suika Game
流行的西瓜合成游戏的在线版本

Best Links
高效获取网站的高质量反向链接,支持批量导出
Screen Recorder
简单易用的桌面屏幕录制应用
Community
Join the Discord community
600+ excellent indie makers are cooking here