前端打底，先让页面活起来
刚接触编程那会儿，我连 HTML 和 CSS 的区别都搞不清。第一次写网页，想做个居中的登录框，折腾了整整一个晚上，margin 设不对，盒子乱跑。后来才明白，前端不只是“画皮”，它得让用户点得顺、看得舒服。
真正让我上手的是跟着做了一个个人博客页面。从静态结构开始，用 HTML 搭骨架，CSS 美化样式，再加点 JavaScript 让轮播图动起来。虽然只是小功能，但看到自己写的代码在浏览器里跑起来，那种成就感比刷短视频爽多了。
<div class="carousel-item">
<img src="slide1.jpg" alt="Slide 1">
</div>
<script>
document.querySelector('.carousel-item').style.display = 'block';
</script>后端接上，让数据跑起来
光有界面不行，数据得动起来。我开始学 Node.js，搭了个简单的 API 接口，用来存用户留言。第一次用 Postman 测试成功返回 JSON 数据时，感觉像是打通了任督二脉。
数据库这块选了 MongoDB，因为不用一开始就设计表结构，适合我这种怕麻烦的。注册、登录、增删改查，一套流程走下来，才算真正理解什么叫“前后端交互”。
const express = require('express');
const app = express();
app.get('/api/messages', (req, res) => {
res.json({ data: ['Hello', 'World'] });
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});工程化加持，告别手工作坊
项目一多，文件越堆越乱。手动刷新浏览器、压缩代码、合并文件，效率低还容易出错。这时候我引入了 Webpack，配置完自动打包，保存即刷新，开发体验直接起飞。
顺便把 Git 用了起来。以前改代码像赌博，不敢删不敢动，怕崩了回不去。有了版本控制，每次提交都有记录，哪怕改废了也能一键还原，胆子一下就大了。
部署上线，让别人也能访问
本地跑得好好的，一上线全报错。路径不对、端口被封、环境变量没配……踩了一堆坑才把项目扔上 VPS。后来用了 Docker，把应用、数据库、依赖全打包成镜像，换个服务器也能秒启动。
域名买了个便宜的 .xyz，用 Nginx 做反向代理，HTTPS 证书靠 Let's Encrypt 免费搞。现在朋友打开链接就能看到我做的小工具，比发压缩包强太多了。
持续迭代，全栈不是终点
最近在补 TypeScript，给项目加上类型检查，减少低级错误。顺手学了点 React 和 Vue，发现组件化思维能让代码更清爽。偶尔也碰碰 Python 写脚本，自动化处理些日常任务。