主题
术语表
遇到不认识的词?在这里查一查!每个术语都用最通俗的方式解释。
AI(人工智能)
英文:Artificial Intelligence
计算机通过学习大量数据来模仿人类思考的技术。它不是真的"聪明",而是通过找规律来给出有用的回答——就像一个读过海量资料的超级助手。
📖 首次出现:第1课
API(应用程序接口)
英文:Application Programming Interface
程序和程序之间"对话"的方式。就像你去餐厅点菜——你不需要知道厨房怎么做菜(程序内部逻辑),你只需要看菜单、告诉服务员你想要什么(发送请求),然后等菜端上来(接收响应)。
📖 首次出现:第6课
API Key(密钥)
英文:API Key
使用某些 API 时需要的"通行证"。就像进图书馆需要借书证一样,API Key 证明你有权限使用这个服务。
📖 首次出现:第6课
Bug(程序缺陷)
英文:Bug
程序中的错误,导致实际效果和你期望的不一样。这个词来源于早期计算机时代——真的有一只虫子(bug)飞进了计算机导致故障!现在用来泛指所有代码中的问题。
📖 首次出现:第5课
Claude Code
Anthropic 公司开发的 AI 编程助手。它能听懂你用自然语言描述的需求,帮你写代码、修 bug、解释概念。在这门课中,它是你的"编程搭档"。
📖 首次出现:第1课
CSS(层叠样式表)
英文:Cascading Style Sheets
控制网页"长什么样"的语言。如果 HTML 是网页的骨架,CSS 就是它的化妆师——负责颜色、字体、大小、排版、动画等所有视觉效果。
📖 首次出现:第3课
Debug(调试)
英文:Debug
找到并修复 Bug 的过程。就像当侦探——观察现象、分析原因、尝试解决、验证结果。这是程序员最核心的技能之一。
📖 首次出现:第5课
Event(事件)
英文:Event
用户在网页上做的操作,比如点击按钮、移动鼠标、按下键盘。JavaScript 可以"监听"这些事件,然后执行相应的代码。
📖 首次出现:第3课
GitHub
一个存放和分享代码的在线平台,全世界的程序员都在这里合作开发项目。你可以把它想象成代码界的"网盘 + 社交平台"。
📖 首次出现:第7课
GitHub Pages
GitHub 提供的免费网站托管服务。你可以把自己做的网页发布到上面,通过网址让全世界的人都能访问你的作品。
📖 首次出现:第7课
HTML(超文本标记语言)
英文:HyperText Markup Language
构建网页内容的语言。HTML 是网页的骨架——它告诉浏览器页面上有哪些内容(标题、段落、图片、按钮等),但不管它们长什么样。
📖 首次出现:第2课
JavaScript
让网页"动起来"的编程语言。如果 HTML 是骨架、CSS 是化妆师,JavaScript 就是魔术师——它让按钮能点击、计时器能倒计时、游戏能互动。
📖 首次出现:第3课
MVP(最简可用版本)
英文:Minimum Viable Product
一个产品最基本的、能用的版本。先做出 MVP,确认核心功能没问题,再慢慢添加更多功能。就像盖房子先搭好框架,再装修。
📖 首次出现:第4课
Node.js
让 JavaScript 能在电脑上运行的环境(JavaScript 原本只能在浏览器里运行)。我们安装 Claude Code 的时候需要用到它。
📖 首次出现:课前准备
npm(包管理器)
英文:Node Package Manager
Node.js 的"应用商店"。通过 npm 可以安装各种别人写好的工具和库,比如 Claude Code 就是通过 npm 安装的。
📖 首次出现:课前准备
Portfolio(作品集)
展示你做过的项目的个人页面。就像画家的画册、摄影师的相册——把你最得意的作品放在一起,让别人看到你的能力和创意。
📖 首次出现:第7课
Prompt(提示词)
你跟 AI 说的话就叫提示词。就像许愿一样——你说得越清楚、越具体,AI 就越能给你满意的结果。写好提示词是用好 AI 的关键技能。
📖 首次出现:第1课
Repository(仓库)
英文:Repository(简称 Repo)
在 GitHub 上存放一个项目所有文件的地方。就像一个专属的文件夹,但它会记录你每次修改的历史。
📖 首次出现:第7课
Tag(标签)
英文:HTML Tag
HTML 中的基本组件,用尖括号包裹。比如 <h1> 是标题标签,<p> 是段落标签,<img> 是图片标签。标签通常成对出现:<h1>内容</h1>。
📖 首次出现:第2课
Terminal(终端)
用文字和电脑对话的窗口。在终端里输入命令,电脑就会执行。程序员们天天用它来工作——看起来很专业,但其实学会几个基本命令就够用了。
📖 首次出现:第1课
Variable(变量)
英文:Variable
编程中用来存储数据的"盒子"。你可以给盒子贴个标签(变量名),往里面放东西(值),之后随时取出来用或者换成别的东西。比如 score = 0 就是一个叫"得分"的盒子,里面放着数字 0。
📖 首次出现:第4课
VS Code
全称:Visual Studio Code
微软开发的免费代码编辑器,也是我们这门课的主要工作环境。它就像程序员的"Word"——专门用来写代码,有语法高亮、自动补全等很多好用的功能。
📖 首次出现:课前准备
动画(Animation)
网页上的运动效果,比如渐变、滑动、旋转、弹跳等。通过 CSS 或 JavaScript 来实现,可以让网页更生动有趣。
📖 首次出现:第3课
状态(State)
程序在某个时刻所有数据的"快照"。就像游戏中的当前分数、剩余生命、已翻开的牌——这些合在一起就是游戏的"状态"。程序运行的过程就是状态不断变化的过程。
📖 首次出现:第4课
响应式设计(Responsive Design)
让同一个网页在不同屏幕尺寸(电脑、平板、手机)上都能正常、美观地显示的设计方法。就像水能适应不同形状的容器一样,响应式网页能适应不同大小的屏幕。
📖 首次出现:第3课