欢迎来到 MDN 学习区。本系列文章旨在为零基础 Web 开发初学者提供指导和开始编写网站代码所需的所有内容。
该教程并不是“从入门到精通”类型的教程,只能让你做到“从入门到适应”。在此之后,你应该能够以你自己的方式学习 ,并接触到其它中、高级资源。
从零开始学习 Web 开发极具挑战性,该教程将为你提供详细的资料,手把手帮助你轻松愉快地学习。无论你是正在学习 Web 开发的学生(自学或参与课程)、寻找材料的老师、编程爱好者,亦或是仅仅想了解一点点 Web 技术,我们都希望你能感到宾至如归。
想要成为一名前端工程师?
我们汇总了一门课程,其中包含你实现成为前端工程师目标所需要的所有基本信息。
-
如果你完全没有 Web 开发经验,那么我们推荐从 部分开始,该部分教程通过实践的方式向你介绍 Web 开发。
-
如果你已经具备了一定的开发知识,下一步就是深入学习 和 。先学习 ,再学习 。
-
如果你已经完成了 HTML 和 CSS 入门课程,或是主要对编写代码感兴趣,可以继续学习 或服务端开发。可通过 和开始学习。
-
在掌握了原生 HTML、CSS、JavaScript 的要领后,就可以继续学习课程,并考虑开始研究 ,以及了。
备注: 可在中查询术语。此外,如果你对 Web 开发有具体问题,可以尝试在寻找答案。
以下列表包含了 MDN 学习区涵盖的所有主题:
-
为零基础初学者提供实用的 Web 开发入门简介。
-
HTML 是用于构建网页的内容并定义其含义或目的的语言。该专题将详细讲解 HTML。
-
CSS 是用于对网页内容进行设计、布局或添加动画等行为的语言。该专题对 CSS 进行了全面介绍。
-
JavaScript 是用于向网页添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的所有重点。
-
Web 表单是用于进行用户交互的强大工具 —— 其常用于收集用户数据和控制用户界面。该专题将对 Web 表单的结构、样式、交互要点进行介绍。
-
“无障碍”(Accessibility)是开发人员对让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容做出的努力。该专题包含一切所需了解的信息。
-
Web 性能是确保网络应用的快速下载并对用户操作进行快速响应的艺术,而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。
-
该专题涵盖了开发人员常用的效率工具,如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。
-
即使你专注于客户端的 Web 开发,了解服务器和服务端代码的运行机制仍然很有用。该专题简单介绍了服务端的运作机制,并包含了两份分别有关使用 Django(Python)和 Express(/roy-tian/learning-area
- 然后即可使用访达(macOS)、文件资源管理器(Windows/Linux)或 ) 进入该目录,查找所需文件。
- 在命令提示符 / 终端中使用
cd
指令进入learning-area
文件夹。例如,当你在父目录时: - 执行以下命令以更新仓库: