# 全栈工程师路线图

## 前端


### TODO

- nextjs 前端
- react

1. 了解访问 html 网页时，会发生什么（一篇文档，标题任意）
    - 按 用户 -> 浏览器 -> 网络 -> 服务器 的顺序思路编写
    - 本地运行 http-server ，模拟这个过程

2. 了解 html 代码行数变多以后，如何拆分（一篇文档，标题任意）
    - 了解打包 vite 工具的工作方式
    - 使用 vite 创建基础的 vanilla ts 的工程
    
3. 在 vite vanilla ts 的工程基础上编写前端 todo list（一篇文档，标题任意）
    - 感受原生 html 编写时的繁杂点。

4. 了解 react 的工作方式（一篇文档，标题任意）
    - 使用 vite 创建 react ts 工程
    - react 的基础工作方式
    - 迁移 todolist 到 react ts 工程
    - 这种方式如何解决的原生编程的繁杂点

5. 学习 nextjs 前端
    - 迁移 react todolist 到 nextjs ts 工程（注意客户端组件，服务端组件的区别）


6. 学习 vitest
    - 在 vite 工程中添加 vitest
    - 对 todolist 编写单元测试

### 工具链

- vite
- rollup
- webpack

## 后端

- nextjs 后端
- expressjs
- koa
- fastify

## 运维

- docker
- k8s