cqh963852andCopilot
43581b238c
- 导航栏新增"工具使用"入口（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>
55 lines
1.3 KiB
Markdown
55 lines
1.3 KiB
Markdown
# 全栈工程师路线图
|
|
|
|
> 教程分为两个方面：在线教程（全栈教程，未来支持在线预览）与本地工具（工具使用，需读者本地实践）。
|
|
|
|
## 前端
|
|
|
|
|
|
### 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
|