
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图像生成Chrome插件开发全记录
详细记录为FreeAiGen.com开发Chrome插件的全过程,从构思设计到审核上架,分享开发经验和心得体会。


从零到一:半天开发AI绘画MCP服务器的完整实战记录
详细记录从发现问题到实现AI绘画MCP服务器的完整过程,包含FLUX模型集成、Cloudflare R2存储、MCP协议实现等技术细节。


美国ITIN申请完全指南:费用、流程、推荐卖家全解析
Dalong最开始做OA的时候,有两个博客网站对我启发比较大,一个是晨飞博客,另外一个就是VPS大玩家。今天分享一篇他们关于申请ITIN的文章,写得非常好。我们用美国公司做OA的人基本都需要ITIN,希望对你有所帮助。


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