学习路径

相关源文件

• 1-getting-started-lessons/1-intro-to-programming-languages/README.md
• 1-getting-started-lessons/2-github-basics/README.md
• 1-getting-started-lessons/3-accessibility/README.md
• 2-js-basics/1-data-types/README.md
• README.md
• translations/README.bn.md
• translations/README.el.md
• translations/README.fil.md
• translations/README.fr.md
• translations/README.hi.md
• translations/README.id.md
• translations/README.ml.md
• translations/README.pt-BR.md
• translations/README.ru.md
• translations/README.ta.md
• translations/README.te.md

《Web Development for Beginners》课程提供了一个从基础编程概念到完整 Web 应用程序开发的结构化进展。本页面概述了课程的组织方式，展示了不同的模块和技能如何相互构建，为初学者 Web 开发人员创造全面的学习旅程。

目的与范围

该学习路径旨在引导初学者从零编程经验开始，在 12 周（24 课）内循序渐进地掌握 Web 开发技能。它从编程基础开始，逐步构建，最终能够创建复杂的交互式 Web 应用程序。该课程专注于核心 Web 技术（JavaScript、HTML、CSS），不引入框架，确保学生在学习更高级的概念之前建立扎实的基础。

来源： README.md15-17 README.md147-154

课程结构概述

《Web Development for Beginners》课程遵循一条精心设计的结构化路径，从基础概念进展到完整应用程序。

来源： README.md118-144 README.md15-17

技能进展

课程设计使每个模块都建立在先前模块所学技能的基础上，创造了一个循序渐进的学习体验，通过实践应用来巩固概念。

来源： README.md31-40 README.md118-144

模块细分

1. 入门模块（第 1-3 课）

这个初始模块通过介绍以下内容为 Web 开发奠定基础：

1. 编程语言和工具 - 介绍编程概念、语言基础和开发人员工具
2. GitHub 基础 - 使用 GitHub 进行版本控制和协作
3. 可访问性基础 - 涵盖 Web 可访问性原则和实践

这些课程为学生在深入编码之前提供必要的知识。

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

2. JavaScript 基础模块（第 4-7 课）

本模块使用 JavaScript 构建编程基础。

1. 数据类型 - 变量、常量和 JavaScript 数据类型
2. 函数和方法 - 创建可重用代码块和理解作用域
3. 做出决策 - 条件逻辑和控制流
4. 数组和循环 - 使用集合和迭代数据

这些核心编程概念为学生进行后续项目式学习做好准备。

来源： 2-js-basics/1-data-types/README.md1-6 README.md124-127

3. 项目式学习（第 8-24 课）

课程的其余部分由五个复杂度递增的项目组成。

项目	课程	技能重点	描述
Terrarium	8-10	HTML, CSS, JavaScript DOM	创建一个具有拖放植物放置功能的交互式温室。
Typing Game	11	事件驱动编程	使用键盘事件和 JavaScript 构建一个打字游戏。
浏览器扩展	12-14	API、表单、本地存储	使用 Web API 和浏览器功能创建一个“绿色”浏览器扩展。
Space Game	15-20	Canvas、动画、碰撞	使用 Canvas 进行动画处理，开发一个类似于太空入侵者的游戏。
银行应用	21-24	模板、路由、状态管理	构建一个具有状态管理的单页银行应用程序。

每个项目在引入新概念和技术的同时，都巩固了之前的学习内容。

来源： README.md128-144

教学方法

该课程采用了两个关键的教学原则：

1. 基于项目的学习

   • 通过构建真实应用程序来学习
   • 项目复杂度的循序渐进
   • 在实际情境中应用技能
   • 通过多个项目巩固概念

2. 评估与巩固

   • 课前测验以设定学习目标
   • 课后测验以巩固知识
   • 作业以独立应用概念
   • 贯穿课程的知识检查

每节课都包含草图笔记、可选的补充视频、书面说明和指导性挑战，以适应不同的学习风格。

来源： README.md147-161

课程格式

课程中的每一课都遵循一致的结构。

这种结构化的方法确保了在整个课程中提供一致的学习体验。

来源： README.md102-114

与其他学习资源的关联

《Web Development for Beginners》课程旨在独立学习，但也与其他资源相结合。

• Microsoft Learn：前几课已在 Microsoft Learn 上作为学习路径提供。
• 视频资源：来自“Beginners Series to: JavaScript”系列的补充视频。
• 下一步：完成课程后，鼓励学生通过“Beginner Series to: Node.js”探索 Node.js。
• GitHub Skills：对于 Git 和 GitHub 学习，学生可以使用 GitHub Skills。

来源： README.md155-161 README.md317-322

技术设置

课程可以通过多种方式访问和完成：

1. GitHub Codespaces：基于浏览器的环境，无需本地设置。
2. 本地环境：使用 Visual Studio Code 或其他文本编辑器。
3. 离线访问：可以使用 Docsify 离线运行文档。
4. PDF 格式：所有课程均提供 PDF 格式。

技术上的灵活性允许学生在最适合其需求的环境中学习。

来源： README.md60-96 README.md166-172

结论

《Web Development for Beginners》课程提供了一个全面的、循序渐进的学习路径，带领学生从基础概念进展到复杂的 Web 应用程序。通过精心安排的模块和项目式学习，学生在构建展示其能力的个人项目集的同时，也培养了实践技能。

这种结构化的方法确保了概念以逻辑顺序引入，每个新技能都建立在先前学习的材料之上，从而为 Web 开发打下坚实的基础。