学习 Web 开发

学习 Web 开发 | MDN (mozilla.org)icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/docs/Learn       从零开始学习 Web 开发极具挑战性,该教程将为你提供详细的资料,手把手帮助你轻松愉快地学习。无论你是正在学习 Web 开发的学生(自学或参与课程)、寻找材料的老师、编程爱好者,亦或是仅仅想了解一点点 Web 技术,我们都希望你能感到宾至如归。

想要成为一名前端工程师?

我们汇总了一门课程,其中包含你实现成为前端工程师目标所需要的所有基本信息。

点击开始

学习起点

零基础的初学者

如果你完全没有 Web 开发经验,那么我们推荐从 Web 入门部分开始,该部分教程通过实践的方式向你介绍 Web 开发。

有一定基础

如果你已经具备了一定的开发知识,下一步就是深入学习 HTML 和 CSS。先学习 HTML 入门,再学习 CSS 初步。

学习脚本编写

如果你已经完成了 HTML 和 CSS 入门课程,或是主要对编写代码感兴趣,可以继续学习 JavaScript 或服务端开发。可通过 JavaScript 初步和服务端编程的第一步开始学习。

框架与工具

在掌握了原生 HTML、CSS、JavaScript 的要领后,就可以继续学习前端开发工具课程,并考虑开始研究 JavaScript 前端框架,以及网站服务端编程了。

备注: 可在术语表中查询术语。此外,如果你对 Web 开发有具体问题,可以尝试在常见问题寻找答案。

涵盖的主题

以下列表包含了 MDN 学习区涵盖的所有主题:

Web 入门

为零基础初学者提供实用的 Web 开发入门简介。

HTML 构建网站

HTML 是用于构建网页的内容并定义其含义或目的的语言。该专题将详细讲解 HTML。

CSS 风格化站点

CSS 是用于对网页内容进行设计、布局或添加动画等行为的语言。该专题对 CSS 进行了全面介绍。

JavaScript - 动态客户端脚本语言

JavaScript 是用于向网页添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的所有重点。

Web 表单 - 操作用户数据

Web 表单是用于进行用户交互的强大工具——其常用于收集用户数据和控制用户界面。该专题将对 Web 表单的结构、样式、交互要点进行介绍。

无障碍 - 让每个人都能畅游网络

“无障碍”(Accessibility)是开发人员对让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容做出的努力。该专题包含一切所需了解的信息。

Web 性能优化 - 让网站更快做出响应

Web 性能是确保网络应用的快速下载并对用户操作进行快速响应的艺术,而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。

工具与测试

该专题涵盖了开发人员常用的效率工具,如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。

服务器端网站编程

即使你专注于客户端的 Web 开发,了解服务器和服务端代码的运行机制仍然很有用。该专题简单介绍了服务端的运作机制,并包含了两份分别有关使用 Django(Python)和 Express(node.js)两个流行框架构建服务器端应用的教程。

获取代码示例

学习区的所有代码示例都可以在 GitHub 上的 MDN 学习区示例中文版 上寻得。如果你想把获取所有代码示例的副本,直接 包含最新 master 分支内容的压缩文件 即可。

如果你希望以更灵活的方式复制代码仓库并随时更新本地副本,可参考以下更复杂的步骤:

  1. 在电脑上安装 Github 底层使用的版本控制系统 Git。
  2. 打开操作系统的命令提示符(Windows)或终端(Linux、macOS)。
  3. 在命令提示符 / 终端中输入以下命令,即可将 roy-tian/learning-area 仓库拷贝到本地的 learning-area 文件夹:
    git clone https://github.com/roy-tian/learning-area
    
  4. 然后即可使用访达(macOS)、文件资源管理器(Windows/Linux)或 cd 命令) 进入该目录,查找所需文件。

你可以随时对本地 learning-area 目录与 GitHub 仓库中的 master 分支进行同步,具体步骤如下:

  1. 在命令提示符 / 终端中使用 cd 指令进入 learning-area 文件夹。例如,当你在父目录时:
    cd learning-area
    
  2. 执行以下命令以更新仓库:

    git pull
    

你可能感兴趣的:(web,前端)