返回资源列表

University of Helsinki

Full Stack Open(中文版)

用 React、Node.js、GraphQL 与 TypeScript 构建和测试 Web 应用。

打开官方课程
难度
见前置条件
形式
实践教程
语言
中文
规模
14 个课节
内容费用
免费
动手
需要动手环境
  1. 选择学习环境

    按你的电脑系统准备;提示词在你自己的电脑上使用。

    在本机动手

    按 Part 0–13 完成全栈开发;先安装 Node.js、Git 与编辑器,练习分别保存并运行,不把部署或云数据库费用默认为已授权。

    浏览器即可查看课程介绍和公开材料;实验所需软件、硬件和账号按原站要求准备。

  2. 准备工具和账号

    标“选用”的可以跳过。

    运行费用:实践费用待核验,课程实验可能需要算力或付费服务,尚未核实。

  3. 让 AI Agent 一次搭好课程

    复制开课提示词发给你常用的 AI Agent。它会下载允许保存的官方材料、建立课节目录并自检;需要账号、权限或费用时会先问你。

    开课提示词 · 只需用一次此提示词尚未实测验证
    请帮我把「Full Stack Open(中文版)」的学习环境一次准备好,让我之后只需要按顺序学习和做练习。
    开始前先问我:课程放在哪个目录(等我给出完整路径),确认我的操作系统和已有工具。确认前不要创建文件或安装软件。
    
    课程入口:https://fullstackopen.com/zh/
    我的系统:macOS。如果实际不符,先调整方案。
    本次路线:macOS:在本机动手。只准备这条路线需要的工具;只读路线不安装运行环境、不配置模型密钥。
    练习:完成各 Part 正文编号练习;同一应用的连续练习保留代码。提交系统 https://studies.cs.helsinki.fi/stats/courses/fullstackopen 使用 GitHub 仓库链接;每部分提交后不能追加练习,提交由学习者自行决定。大学学分与免费课程证书条件不同。
    课节(官方顺序):
    1. Part 0:Web 应用的基础设施:https://fullstackopen.com/zh/part0/
    2. Part 1:React 入门:https://fullstackopen.com/zh/part1/
    3. Part 2:与服务端通信:https://fullstackopen.com/zh/part2/
    4. Part 3:Node.js 与 Express 服务端:https://fullstackopen.com/zh/part3/
    5. Part 4:Express 测试与用户管理:https://fullstackopen.com/zh/part4/
    6. Part 5:React 应用测试:https://fullstackopen.com/zh/part5/
    7. Part 6:Redux 状态管理:https://fullstackopen.com/zh/part6/
    8. Part 7:React Router、Hook、CSS 与 webpack:https://fullstackopen.com/zh/part7/
    9. Part 8:GraphQL:https://fullstackopen.com/zh/part8/
    10. Part 9:TypeScript:https://fullstackopen.com/zh/part9/
    11. Part 10:React Native:https://fullstackopen.com/zh/part10/
    12. Part 11:CI/CD:https://fullstackopen.com/zh/part11/
    13. Part 12:容器:https://fullstackopen.com/zh/part12/
    14. Part 13:关系型数据库:https://fullstackopen.com/zh/part13/
    
    1. 环境
    - 安装 Node.js 24 或以上、Git、编辑器;先确认 node/npm/git 可用,按 Part 0 使用浏览器开发者工具。
    - 按每个练习的 package.json 安装依赖;不要把整个课程源码当作练习应用启动。
    - 安装前先列出要装的软件和命令,等我同意;已装好的直接复用。
    2. 材料
    - 官方课程材料源码:git clone --depth 1 https://github.com/fullstack-hy2020/fullstack-hy2020.github.io 到 official/(许可:CC BY-NC-SA 3.0);课程内容采用 CC BY-NC-SA 3.0,保留署名与许可;网站实现可能另有许可证,分别保留。无需构建课程网站。;本次准备个人学习副本,转载或发布修改版另按上述许可条件处理。
    - 中文版阅读入口:只记录链接 https://fullstackopen.com/zh/(官方中文首页著作权说明确认课程内容采用 CC BY-NC-SA 3.0;转载修改需署名、非商业使用并以相同方式共享,第三方材料和网站实现另核许可。保留在线入口。)
    - 当前英文环境要求:只记录链接 https://fullstackopen.com/en/part0/general_info/(仅保存官方链接;未核定此材料的复制许可,不自动下载或镜像。)
    3. 目录(最外层放在我确认的位置)
    full-stack-open-zh/
    ├── README.md        # 课程入口、课节清单、每次怎么开始
    ├── progress.md      # 每课:读讲义 / 做练习 / 记笔记
    ├── questions.md     # 待解决的问题
    ├── check-env.sh     # 环境自检,按 README 操作
    ├── official/        # 官方材料
    ├── data/            # 练习用到的样例数据
    └── lessons/         # 每课一个文件夹:notes.md + exercises/
        ├── 01-part-0/
        ├── 02-part-1/
        ├── 03-part-2/
        ├── 04-part-3/
        ├── 05-part-4/
        ├── 06-part-5/
        ├── 07-part-6/
        ├── 08-part-7/
        ├── 09-part-8/
        ├── 10-part-9/
        ├── 11-part-10/
        ├── 12-part-11/
        ├── 13-part-12/
        └── 14-part-13/
    - 每课文件夹里建 notes.md(顶部写本课官方链接)和 exercises/;课节文件夹名称与上面一致。
    - 已有课程目录先检查并复用;不覆盖笔记、作业或 progress.md,不重置已有进度。尚未发布的课节保留入口并注明未发布,不能代写讲义或虚构练习。
    4. 自检
    - 创建 check-env.sh,逐项检查并记录“通过/未通过”:
    - 在课程根目录运行;每项检查独立执行,进入子目录不能影响下一项。使用当前系统的终端运行。
      - node --version  → Node.js 主版本至少 24(核验日英文 general_info 要求)
      - npm --version  → npm 可用
      - git --version  → Git 可用
      - 人工检查:在 Part 0 打开 Web 应用基础设施小节,完成并保存自己的网络请求图  → 能打开指定材料并核对标题;此项是人工检查,不是终端命令,也不代表课程练习已完成。
    - 标注为人工检查、浏览器操作或 notebook 单元的项目,按相应方式操作,不直接粘贴进 shell;脚本只包含当前系统可执行的命令。
    - 仅在当前路线需要、对应材料已获准保存、工具已安装时运行该项;需要登录、付费或尚未开放的材料记为“需要我操作/未验证”,不能伪报通过。不执行会调用付费 API、提交作业或修改云服务的检查。
    - 运行一次,把结果给我看;未通过的项目说明原因和修复办法。
    5. 学习计划
    - README.md:课程入口、课节清单(带链接)、每次学习怎么开始(使用“每课提示词”)。
    - progress.md:每课三项勾选——读讲义、做练习、记笔记。
    6. 最后分三部分汇报:已完成、需要我自己操作的、尚未验证的。
    
    边界:
    - 需要管理员权限、会产生费用或需要填写密钥的操作,先告诉我原因,等我同意。密钥由我在本机配置,不发到聊天,不写进笔记或版本库;原项目需要 .env 时确认已被 Git 忽略。
    - 不替我写练习或作业答案,也不替我提交。我卡住时只给提示;我明确要求时才给解答。
    - 只下载许可允许个人保存的材料;其余只放链接。不把未运行的命令说成成功。
    如果你不能直接操作我的文件系统,请在确认目录后给出适用于我的系统、可直接执行的命令和需要保存的文件内容。
    搭好后的课程目录
    full-stack-open-zh/
    ├── README.md        # 课程入口、课节清单、每次怎么开始
    ├── progress.md      # 每课:读讲义 / 做练习 / 记笔记
    ├── questions.md     # 待解决的问题
    ├── check-env.sh     # 环境自检,按 README 操作
    ├── official/        # 官方材料
    ├── data/            # 练习用到的样例数据
    └── lessons/         # 每课一个文件夹:notes.md + exercises/
        ├── 01-part-0/
        ├── 02-part-1/
        ├── 03-part-2/
        ├── 04-part-3/
        ├── 05-part-4/
        ├── 06-part-5/
        ├── 07-part-6/
        ├── 08-part-7/
        ├── 09-part-8/
        ├── 10-part-9/
        ├── 11-part-10/
        ├── 12-part-11/
        ├── 13-part-12/
        └── 14-part-13/
准备好了,开始学习

来源与使用须知

原始资源
University of Helsinki 收录版本:原站当前版本(2026-10-10 核对)
收录时间
本站首次收录 2026-10-10

版权与转载

  • CC BY-NC-SA 3.0:可转载和改编,需署名;仅限非商业用途;改编作品须使用相同许可;适用范围以原站说明为准,第三方材料可能另有条款。原站说明
  • 其余材料未标明许可:仅供个人学习,转载、修改或商用前请先联系原作者。
  • 本站只提供原始链接和学习指南,不转载、不镜像课程材料;课程图像来自原站,版权与商标归原权利人;引用时请注明原作者与出处。