在 Devin 中试用 DeepWiki 处理私有仓库
DeepWiki

microsoft/Web-Dev-For-Beginners

菜单

入门模块

相关源文件

入门模块是“Web 开发入门”课程的基础课程集。这些模块介绍了 Web 开发的先决条件，如基本概念和工具，从而在深入学习特定编程语言和项目工作之前建立一个共同的知识基础。

入门部分包括三个核心课程，涵盖编程基础、GitHub 版本控制和 Web 可访问性。无论后续模块中使用何种特定技术，这些主题都能为成功的 Web 开发实践提供必要的基础。

目的与范围

入门模块旨在

  1. 为初学者提供编程概念的初步介绍
  2. 建立 Web 开发所需的核心工具和工作流程
  3. 介绍协作和包容性设计的最佳实践
  4. 为后续的 JavaScript、HTML 和 CSS 课程打下基础

有关后续 JavaScript 基础知识的更多信息，请参阅 JavaScript 基础知识。

模块结构和流程

入门部分遵循精心设计的学习路径，以逻辑顺序介绍概念。

图示：入门模块学习流程

来源：1-getting-started-lessons/1-intro-to-programming-languages/README.md1-16 1-getting-started-lessons/2-github-basics/README.md1-17 1-getting-started-lessons/3-accessibility/README.md1-16

模块 1：编程语言和行业工具

第一个模块介绍了编程基础概念以及专业开发人员使用的工具。它为理解什么是编程以及如何设置开发环境奠定了基础。

涵盖的关键概念

主题领域核心概念
编程基础编程、程序、语句、变量、控制流的定义
语言类型高级语言与低级语言，JavaScript 与其他语言的比较
开发环境编辑器、浏览器、命令行工具、文档
程序元素语句、变量、控制结构

开发工具介绍

本模块介绍了几类重要的开发工具

图示：Web 开发工具类别

来源：1-getting-started-lessons/1-intro-to-programming-languages/README.md91-185

模块 2：GitHub 基础

第二个模块介绍使用 GitHub 进行版本控制和协作。学生将学习如何跟踪代码变更、与他人协作以及为开源项目做出贡献。

涵盖的关键概念

  • 设置 Git 和 GitHub
  • 创建和管理存储库
  • 理解 Git 工作流程（add, commit, push）
  • 协作开发实践
  • 为开源项目做出贡献

Git 工作流程

图示：基本 Git 工作流程

来源：1-getting-started-lessons/2-github-basics/README.md43-215

模块 3：Web 可访问性

第三个模块介绍 Web 可访问性原则，确保所有能力的人都能使用网站和应用程序。本模块涵盖可访问性工具、设计注意事项和编码实践。

涵盖的关键概念

可访问性领域关键概念和工具
屏幕阅读器工作原理，使用 Narrator、JAWS、NVDA、VoiceOver 进行测试
视觉可访问性缩放、对比度、色彩安全调色板
语义化 HTML为 HTML 元素的使用目的使用正确的 HTML 元素
链接可访问性描述性链接文本，避免使用“点击此处”
ARIA无障碍富互联网应用，用于屏幕阅读器的属性
键盘导航测试并确保键盘可导航

可访问性评估和实施流程

图示：可访问性实施流程

来源：1-getting-started-lessons/3-accessibility/README.md17-162

模块结构和组成部分

每个入门模块都遵循一致的结构，旨在通过多种方法促进学习

  1. 课前测验：评估基础知识并为学生学习做好准备
  2. 介绍：概述将涵盖的概念
  3. 内容部分：通过示例详细解释每个概念
  4. 挑战：动手练习以应用所学概念
  5. 课后测验：评估对内容的理解程度
  6. 复习与自学：建议补充资源和反思
  7. 作业：巩固知识的实践活动

图示：模块组成部分关系

来源：1-getting-started-lessons/1-intro-to-programming-languages/README.md8-189 1-getting-started-lessons/2-github-basics/README.md8-329 1-getting-started-lessons/3-accessibility/README.md6-232

多语言支持

入门模块设计为面向国际受众，并提供多种语言的翻译

语言可用翻译
英语所有模块（原始）
西班牙语编程语言、GitHub 基础、可访问性
中文编程语言
法语编程语言
葡萄牙语编程语言
荷兰语编程语言
印度尼西亚语编程语言
日语编程语言
印地语编程语言
意大利语编程语言
韩语编程语言

来源：1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md 1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-cn.md 1-getting-started-lessons/1-intro-to-programming-languages/translations/README.fr.md 1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md

与课程整合

入门模块为“Web 开发入门”课程的后续模块提供了基础。在此获得的知识将在后续的 JavaScript、HTML/CSS 和项目课程中得到应用。

图示：课程整合

来源：2-js-basics/1-data-types/README.md1-18

结论

入门模块作为 Web 开发的入口点，提供了关于编程概念、GitHub 版本控制和 Web 可访问性原则的基本知识。这些基础主题确保学习者具备所需的技能，以顺利完成课程，成为高效的 Web 开发人员，能够与他人协作并创建可访问的 Web 应用程序。