cqh963852andCopilot 43581b238c refactor: 教程重组为在线教程与本地工具两部分,导航栏新增"工具使用"
- 导航栏新增"工具使用"入口(docs/tools)
- 本地工具:install(nodejs/vscode)、git、nvm、docker、prisma、vscode 排错、linux alias
- 在线教程保留 web、full_guide、full-stack、advance
- 修复 prisma 文档指向旧 recipes 路径的失效链接
- 更新 README/TODO 说明两部分定位,同步 yarn.lock

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-08-19 13:43:16 +08:00
2025-07-16 23:49:50 +08:00
2025-07-16 23:49:50 +08:00
2025-07-16 23:49:50 +08:00
2025-07-16 23:49:50 +08:00

教程访问地址

路线图

  • 调整结构,更改 顶部导航栏
  • 入门教程补充一些视频,便于跟随操作
  • 在线教程增加在线预览能力(如 stackblitz 沙盒)
  • 升级框架

顶部导航栏

  1. 全栈教程(在线教程)
  2. 工具使用(本地工具)
  3. 博客

在线教程

即导航栏中的 全栈教程(含入门教程、专业教程)。

未来会增加在线预览能力,读者可以直接在浏览器中运行、查看示例结果。

本地工具

即导航栏中的 工具使用。

这部分内容需要读者 自己在本地安装、配置并实践操作(如 nodejs、vscode、git、nvm、docker、prisma 等),无法仅通过阅读掌握。

入门教程

入门教程主要用于 零 基础入门。

针对稍有一些计算机知识,但是完全无软件工程经验人群。(典型人群:大学新生)

学习入门教程的目的是

  1. 找到合适的工具
  2. 找到正确的 反馈方式

专业教程

专业教程主要用于已经有相关经验,但细节不足的人群。

如:

  • css

    1. 知道一种编写 css 的方式,但是仍然想学习其他编写方式。
    2. 能写有一点 css 但是对复杂样式没有实现思路,或者实现的慢,没有一套指导思路。
  • js

    1. 能够掌握一种运行 js 脚本的方式,但是还想知道是否有其他运行脚本的方式。
    2. 能够完成一些程序的编写,但是经常被数据结构弄得很头疼,不知道如何将问题分解为合适的数据结构。

等等

专业教程的目的是提供工具的更多可能性。以及阐述相关的原理。

相比于入门教程,专业教程不再重视结果的反馈,而是原理性的解释。

相关的结果,仅提供一些沙盒程序进行展示。(stackblitz)

反馈方式

每种工具都会有反馈方式,工具不同,反馈方式也不同。

比如:

  1. 前端 H5 CSS 依靠浏览器展示内容。
  2. 后端依靠控制台输出。(日志,字符串)
S
Description
stack-idealjs 全栈工程师教程(孟菲斯 × 拟物卡设计系统)
Readme
24 MiB
0 Stars 1 Watchers 0 Forks
Languages
HTML 67.5%
TypeScript 24%
JavaScript 3.3%
CSS 2.2%
MDX 1.9%
Other 1.1%