编程最基础的概念
这一章我们只讲四个东西，多一个都不讲。学完之后，你看 AI 写的代码就不会完全懵了。
这一章我们只讲四个东西，多一个都不讲。学完之后，你看 AI 写的代码就不会完全懵了。
概念一：程序就是一个文本文件
这是最重要的认知。一个程序，在你看它之前，它就是一个普通的文本文件，跟你记事本里写的备忘录没有本质区别。
备忘录.txt → 写着"明天买牛奶鸡蛋面包"
计算器.html → 写着一些特殊格式的文字，浏览器能读懂区别只在于：备忘录是给人看的，程序是给电脑执行用的。
你能用任何文本编辑器（记事本、TextEdit、VS Code）打开一个程序文件，看到里面的文字。这些文字叫"代码"。
概念二：变量 = 一个贴了标签的盒子
这是编程里最常用的概念。它简单到你可能觉得"就这？"。对，就这。
let 用户名 = "小明"
let 年龄 = 25
let 总价 = 单价 * 数量把变量想象成你桌上的便签盒：
- 盒子上贴个标签叫"用户名"
- 里面放张纸条写着"小明"
- 以后你需要用到用户名的时候，就去找这个盒子
AI 写的代码里到处都是变量。你不需要记住怎么声明变量，只需要知道：看到 xxx = yyy 这种写法，就是在创建或更改一个变量。
概念三：函数 = 一个预先设定好的操作流程
function 做红烧肉() {
切五花肉成块
冷水下锅焯水
炒糖色
加酱油炖40分钟
收汁出锅
}函数是一段"按名字就能调用的操作说明"。你不需要把做红烧肉的 5 个步骤每次都写一遍，只需要说"做红烧肉"，它就会自动执行那 5 步。
在代码里，你会看到很多以 function 开头的块。不用管里面的细节，只需要知道：这是一个可以反复使用的操作包。
概念四：怎么运行程序
不同种类的程序，运行方式不一样。我们这门课只涉及一种：网页程序。
网页程序由三种文件组成：
| 文件类型 | 后缀 | 负责什么 | 类比 |
|---|---|---|---|
| HTML | `.html` | 内容和结构 | 房子的骨架和房间 |
| CSS | `.css` | 样式和外观 | 墙的颜色、家具的摆放 |
| JavaScript | `.js` | 交互和逻辑 | 灯的开关、水龙头的阀门 |
运行网页程序的方式：
- 把代码保存在一个文件里，比如
我的工具.html - 双击打开（它会自动用浏览器打开）
- 完事。
就这么简单。不需要安装任何额外的东西。你的电脑上已经有浏览器了，浏览器天生就会"读"这三种文件。
关于命令行
你可能会在一些教程里看到"打开终端""输入命令行"之类的说法。那是用文字方式操作电脑，看起来很高深。
好消息：我们这门课不依赖命令行。 我们做的所有东西，都是双击 .html 文件在浏览器里打开的。等你以后想深入了，再学命令行也不迟。
实践：看一眼真正的代码（不要怕）
下面是一个完整的网页程序的全部代码。你现在不需要看懂每行，只需要感受一下：
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>你好，世界</h1>
<p>这是一个段落。</p>
<button onclick="alert('你点了我！')">点我试试</button>
</body>
</html>你能猜到的一些东西：
是标题（heading 1）是段落（paragraph）是按钮alert是弹出一个提示框
你看，不学编程也能大概猜出意思。有 AI 帮你写之后，你的主要工作就是：提出需求 → 看 AI 写的代码 → 提出修改意见。猜出代码的大致意思的能力，已经够用了。
本章小结
| 概念 | 记住这个就行 |
|---|---|
| 程序 | 就是一个文本文件，电脑能执行它 |
| 变量 | 贴了标签的盒子，里面存着一个值 |
| 函数 | 按名字就能调用的一套操作流程 |
| 运行网页 | 保存为 .html 文件，双击打开 |
| HTML/CSS/JS | 网页三件套：骨架、外观、交互 |
够了。你已经具备了这门课需要的全部编程知识。下一步，我们开始动手做东西。