网站开发基础知识

用两句话理解 HTML、CSS、Markdown、GitHub、Node.js、TypeScript 和 Chrome DevTools，不先陷入理论细节。

先说结论：你不需要先学完整的前端课程，才开始用 AI 做网站。先知道每个词大概负责什么，遇到不懂的地方再让 AI 解释，就够你跑通第一个项目。

先认识这些词

名词	两句话解释
`HTML`	网页的结构。标题、段落、按钮、图片、链接这些内容，通常都由 HTML 描述。
`CSS`	网页的样式。颜色、字体、间距、布局、响应式适配，主要靠 CSS 控制。
`JavaScript`	让网页能交互的语言。点击按钮、提交表单、调用接口、更新页面，大多离不开它。
`TypeScript`	更严格的 JavaScript。它能帮你提前发现很多类型错误，适合做长期维护的项目。
`Markdown`	写文档和教程很常用的轻量格式。你现在看到的很多技术文档、README、AI 提示词都可以用 Markdown 写。
`Node.js`	让 JavaScript 可以在电脑和服务器上运行。很多前端项目的开发、构建、依赖安装都需要它。
`pnpm`	包管理器，用来安装项目依赖。你可以先理解成“给项目安装零件”的工具。
`Git`	版本控制工具。它会记录你改过什么，方便回滚、协作和部署。
`GitHub`	代码托管平台。你可以把它理解成程序员的云盘、作品集和协作平台。
`React` / `Vue`	前端界面框架。它们能帮助你把页面拆成组件，更适合做复杂一点的网站和应用。
`API`	程序之间沟通的接口。前端向后端要数据、AI 工具调用模型，本质上都在用 API。
`Chrome DevTools`	Chrome 自带的开发者工具。它能看页面结构、样式、接口请求、报错日志，是调试网页最常用的工具。

新手最容易掉进一个坑：以为必须先把所有基础概念学完，才能做项目。

更有效的方式是：

比如你第一次看到 TypeScript，只需要先知道它是“更严格的 JavaScript”。等你真的遇到类型报错，再去理解 type、interface、泛型这些细节。

做网页时，Chrome 开发者工具非常重要。先记住这几个快捷键：

Console 面板能看报错，Elements 面板能看页面结构和样式，Network 面板能看接口请求。

如果你想补一个视频教程，可以先看：Chrome DevTools 开发者工具。

直接把不懂的词发给 AI：

请用面向完全新手的方式解释这个技术术语：TypeScript。
请告诉我它解决什么问题、什么时候会用到、我现在是否必须深入学习。

你也可以在浏览器里用豆包、翻译插件或网页总结工具解释英文文档。英文能力当然有帮助，但现在不应该成为你开始做项目的门槛。