什么是前端开发？
了解用户所看到的内容（前端）与服务器上发生的事情（后端）之间的区别，并理解前端开发者为何要对完整的用户体验负责。
什么是前端开发？ 是 CoddyKit 上的免费 Frontend Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Frontend Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Frontend Academy 课程共包含 3 节课。
欢迎！👋
欢迎！您即将开始学习前端开发。这是我们最友好、最轻量的学习路线，您很快就能学完。
步子虽小，收获很大
每个场景都简短而简单。一次只学习一个小概念。没有大段文字，也没有压力。您完全可以做到。
认识您的人工智能导师 🤖
您是否注意到每节课底部的紫色 ✨ 人工智能导师 按钮？那就是您的私人导师——可以免费试用，移动端和网页端全天候可用。
遇到困难时随时点击它，然后选择您需要的帮助：
- 💡 简单解释——将任何令人困惑的内容转换成通俗易懂的话
- 📋 分步指导——将问题拆分为清晰的步骤
- 🗣️ 日常示例——将知识与现实生活联系起来
此外还有迷你测验、代码示例和提问功能——您可以向它询问任何问题。您学习的路上永远不会孤单。💜
用您自己的语言学习 🌍
更喜欢用您的母语学习吗？当然可以！
点击课程右上角的 🌐 翻译按钮（网页版的顶部栏中也有这个按钮），然后选择您的语言。每节课程都会立即以您的语言显示。
您可以随时切换回来——用最适合您的方式学习。🙌
什么是前端
前端就是您在网站上能够 SEE 和 CLICK 的所有内容，包括按钮、文字、颜色和布局。它是人们真正接触到的部分。
想象一家餐厅 🍽️
前端就像餐厅的用餐区：桌子、菜单和装饰。后面的厨房就是后端。您要构建的是让客人感到愉悦的部分。
它运行在浏览器中
您的前端运行在浏览器中，例如 Chrome 或 Safari。有人打开页面时，您的作品就会直接显示在他们的屏幕上。
由您塑造使用体验
作为前端开发者，您决定事物看起来如何、使用起来感觉如何。按钮是否足够大且友好？文字是否易于阅读？这就是您的魔法。
前端无处不在
应用、网店、仪表盘，以及您最喜欢的社交动态页面，它们都有前端。一旦您看懂了前端，就再也无法忽视它了！
看看您已经走了多远 🎉
现在您已经真正了解前端是什么了。很简单，对吧？接下来是每位前端开发者都会使用的三个工具，它们可以帮助您构建各种东西。
快速检查
让我们巩固一下。前端是网站的哪一部分？
常见问题解答
「什么是前端开发？」课时是免费的吗？
是的 — 「什么是前端开发？」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Frontend Academy 课程的其余内容，请升级到 CoddyKit PRO。 Frontend Academy 课程共包含 3 节课。
「什么是前端开发？」这节课中我会学到什么？
了解用户所看到的内容（前端）与服务器上发生的事情（后端）之间的区别，并理解前端开发者为何要对完整的用户体验负责。 你通过在浏览器中直接运行的动手代码来练习 Frontend Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Frontend Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Frontend Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 3 节。
「什么是前端开发？」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Frontend Academy 课中编写并运行代码吗？
能。每节 Frontend Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 什么是前端开发？
- 前端技术三件套
- 您作为前端开发者的未来