STEP 1
一个完整的 Web 应用，由这三部分组成
FRONTEND
用户看得见、摸得着的部分。按钮、页面、动画，所有你能点击的东西。
常用框架 / 工具
BACKEND
用户看不到的幕后处理中心。验证密码、处理订单、发送通知。
常用语言 / 框架
DATABASE
程序关掉数据就没了，数据库负责永久保存用户信息、订单、文章等数据。
常见数据库
餐厅类比，秒懂三者关系
前端 = 大堂（顾客看得见） · 后端 = 厨房（幕后处理） · 数据库 = 仓库（存放食材）
STEP 2
举个例子：你点一下"登录"，背后悄悄发生了这 7 件事
输入账号密码
你点"登录"，页面收集信息打包成 JSON
登录成功 ✅
存好 Token 通行证，跳转到主页
收到 HTTP 请求
前端通过 HTTPS 把数据送到后端
验证数据格式
邮箱写没写？密码空不空？不对就拦下
拿到用户信息
数据库找到了用户，返回加密密码
核对密码，签发 Token
密码对了就发通行证，返回给前端
查找用户记录
"这个邮箱有注册过吗？找到了，密码哈希值给你"
一图看懂完整数据流
STEP 3
用大白话讲明白，看完下次别人聊起来就不发懵了
接口
👉 它到底是啥
一个软件想用另一个软件的功能，中间得有个"对接的口子"。这个口子，就叫 API。
🙋 你其实天天都在用
你用美团点饭，付钱时蹦出来"微信支付"——美团自己不做支付，它就找微信借了个 API 用。看到"用 QQ 登录""用支付宝付款"这种"用 XX"，基本都是 API 在干活。
网址前面那串
👉 它到底是啥
浏览器跟网站打招呼的方式。你输个网址按回车，浏览器跑去问"页面给我看一下"，网站就把页面发回来——这一来一回的规矩就叫 HTTP。
🙋 你其实天天都在用
带 S 的是加密版，别人偷听不到。所以银行、淘宝、微信这些涉及钱和密码的网站，前面都是 https。下次留意一下浏览器地址栏前面那把小锁，那就是它。
装数据的格式
👉 它到底是啥
程序之间传东西，得有个大家都看得懂的"格式"，要不然你说中文我说英文，谁也听不懂谁。JSON 就是大家约好用的这种格式。
🙋 你其实天天都在用
它长这样：{ "名字": "小明", "年龄": 18 }——一眼就能看出谁、几岁。你刷的每条朋友圈、抖音、微博传到手机的过程中，背后基本都是它在传。
系统发的小手环
👉 它到底是啥
第一次登录时你输了账号密码，系统验证完会偷偷塞给你一串字符。之后你做啥操作都带上它，系统看一眼就知道"哦还是你"，不用每次重新输密码。
🙋 你其实天天都在用
为啥你登过一次淘宝、抖音之后，关了 App 再打开还是登录状态？就是因为这串 Token 被悄悄存起来了。点"退出登录"，其实就是把这串 Token 删掉。
关不掉的电脑
👉 它到底是啥
其实就是一台电脑，跟你家的差不多，区别是它 24 小时不关机、放在专门的机房里。你刷的所有 App、看的所有网站，背后都有它在帮你算东西、存东西。
🙋 你其实天天都在用
听过新闻说"xx 服务器崩了，App 打不开"吗？意思就是那台电脑出问题了，所有用户都跟着遭殃。大公司一般有成千上万台服务器一起干活。
把代码搬上线
👉 它到底是啥
你在自己电脑上写完代码，只有你能看到。要让全世界都能用，得把代码搬到那台 24 小时开机的服务器上跑起来——这个"搬过去 + 跑起来"的过程，就叫部署。
🙋 你其实天天都在用
程序员经常说的"今晚发版""明天上线"，其实就是在做部署。每次你 App 弹"有新版本快更新吧"，也是因为团队刚部署完一版新代码。
看一遍有印象就行，不用背
这些词以后会在 AI 给你的代码、文档、报错里反复出现。每次见到都能反应过来"哦它说的是这个"，就够了。