学习网站开发
+ 查看更多

发布日期：2022-04-01

学习网站开发

欢迎来到MDN学习领域。本系列文章旨在指导完全的web开发初学者，告诉他们开始编写网站所需的一切。

MDN这一领域的目标不是让您从“初学者”变成“专家”，而是让您从“初学者”变成“熟练”。从那里，你应该能够开始自己的道路，学习剩下的MDN，以及其他需要大量之前知识的中级到高级资源。

如果你是一个完全的初学者，web开发可能是具有挑战性的-我们将握着你的手，并提供足够的细节，让你感到舒适和正确地学习主题。无论您是一个学习web开发的学生(自己学习还是作为课堂的一部分)，一个寻找课堂材料的老师，一个业余爱好者，或者只是想了解更多关于web技术如何工作的人，您都应该感觉像在家里一样。

想成为前端网页开发者?

我们整合了一门课程，其中包含了你为实现目标所需要的所有基本信息。

开始

从哪里开始

完整的初学者

如果你是一个完全的web开发初学者，我们建议你开始通过我们的开始使用网络模块，为web开发提供了一个实用的介绍。

除了基础知识

如果你已经有了一点知识，下一步就是学习超文本标记语言和CSS具体:从我们做起介绍HTML模块，继续我们的CSS的第一步模块。

移动到脚本

如果您已经熟悉HTML和CSS，或者您主要对编码感兴趣，那么您将希望继续学习JavaScript或服务器端开发。从我们开始JavaScript的第一步和服务器端第一步模块。

框架和工具

在掌握了基本的HTML、CSS和JavaScript之后，您应该学习以下内容客户端web开发工具，然后考虑深入调查客户端JavaScript框架,网站服务器端编程．

注意:我们的术语表提供了术语的定义。此外，如果您对网络开发有什么具体的问题，我们的常见问题小组也许能帮到你。

随机词汇表条目

TLDTLD (顶级域名)是互联网分级DNS(域名系统)中最通用的域名。TLD是域名的最后一个组成部分，例如“org”developer.mozilla.org．

主题

下面是我们在MDN学习领域中涉及的所有主题的列表。

开始使用网络

为完全初学者提供了web开发的实用介绍。

HTML——构建网络

HTML是一种语言，我们使用它来构造内容的不同部分，并定义它们的意义或目的。本主题详细地教授HTML。

CSS -样式化网页

CSS是一种语言，我们可以用它来设计和布局我们的网页内容，以及添加动画等行为。本主题将全面介绍CSS。

JavaScript——动态客户端脚本

JavaScript是一种脚本语言，用于为网页添加动态功能。本主题教授了熟悉编写和理解JavaScript所需的所有基本知识。

Web表单——处理用户数据

Web表单是与用户交互的有力工具——通常，它们用于从用户那里收集数据，或者允许用户控制用户界面。在下面列出的文章中，我们将涵盖结构化、样式化和与web表单交互的所有基本方面。

可访问性——让网络为每个人所用

可访问性是指让尽可能多的人可以使用web内容，而不考虑残疾、设备、地点或其他差异因素。这个主题给了你所有你需要知道的。

Web性能-使网站快速和响应

Web性能是确保Web应用程序快速下载和响应用户交互的艺术，而不考虑用户的带宽、屏幕大小、网络或设备性能。

工具和测试

本主题涵盖了开发人员用来促进其工作的工具，如跨浏览器测试工具、测试器、格式化器、转换工具、版本控制系统、部署工具和客户端JavaScript框架。

网站服务器端编程

即使您专注于客户端web开发，了解服务器和服务器端代码特性是如何工作的仍然是有用的。本主题介绍了服务器端如何工作，并详细介绍了如何使用两个流行的框架:Django (Python)和Express (Node.js)构建服务器端应用。

获取我们的代码示例

您将在学习区域中遇到的代码示例都是GitHub上可用．如果你想把它们全部复制到你的电脑上，最简单的方法是下载最新的主代码分支的ZIP．

如果你喜欢以一种更灵活的方式复制回购，允许自动更新，你可以遵循更复杂的说明:

安装Git在您的机器上。这是GitHub工作的底层版本控制系统软件。
打开你的电脑命令提示符(视窗)或终端机(Linux，macOS）.
要将学习区域repo复制到你的命令提示符/终端所指向的当前位置的一个名为learning-area的文件夹中，使用以下命令:
```
git克隆https://github.com/mdn/learning-area
```
复制到剪贴板
现在，您可以进入该目录并找到您要查找的文件(使用Finder/File Explorer或cd命令）.