总结

已完成

在本模块中，你为 Web 开发设置了工作环境。 还创建了网站，并测试了用于 Web 浏览器的所有功能。 让我们来看看你已经完成的内容：

• 下载并安装了 Web 开发所需工具，使用基本包自定义了编辑器。
• 创建了项目目录和用于构建网站的文件。
• 创建了标题和其他页面元素，然后链接到了外部文件并在浏览器中测试了页面。
• 为不同元素应用了样式，在浏览器中测试了网站，并添加了对使用 CSS 的主题的支持。
• 添加了 JavaScript，以启用与页面的自定义交互并在主题之间切换。
• 你了解了如何创建和使用控制台消息在代码中进行速览。

你作为 Web 开发人员正在收集工具和构建基础。 你可以将网站重用作未来项目的模板。 随着技能和知识的增长，你将更具实现网站愿景的能力。 同时也为想法变成现实提供了可能性。

了解详细信息

Web 开发概念

• 容错（故障弱化）
• Separation of concerns（分离关注点）
• Progressive enhancement（渐进式增强）

Web 开发参考

HTML5

• HTML 历史记录
• Webhint - 使用字符集“Utf-8”
• MDN Web 文档 - 标头中有什么？
• MDN Web 文档 - HTML 元素参考

CSS

• MDN Web 文档 - CSS：级联样式表

JavaScript

• MDN Web 文档 - 严格模式
• MDN Web 文档 - JavaScript 参考

Web 开发技术

Microsoft Edge 文档

• Microsoft Edge Developer Tools（Microsoft Edge 开发人员工具）
• 使用“元素”工具检查、编辑和调试 HTML 和 CSS
• 控制台概述

Azure 静态 Web 应用

部署网站的一种方法是使用 Azure Static Web Apps。

• Azure Static Web Apps 的学习路径
• Azure Static Web Apps 文档

Visual Studio Code 文档

• User interface（用户界面）
• Emmet in Visual Studio Code（Visual Studio Code 中的 Emmet）