# [教程访问地址](https://idealjs.github.io/stack/)

# 路线图
- [x] 调整结构，更改 [顶部导航栏](#顶部导航栏)
- [ ] 入门教程补充一些视频，便于跟随操作
- [ ] 在线教程增加在线预览能力（如 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. 后端依靠控制台输出。（日志，字符串）