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>
1.3 KiB
1.3 KiB
全栈工程师路线图
教程分为两个方面：在线教程（全栈教程，未来支持在线预览）与本地工具（工具使用，需读者本地实践）。
前端
TODO
- nextjs 前端
- react
-
了解访问 html 网页时，会发生什么（一篇文档，标题任意）
- 按 用户 -> 浏览器 -> 网络 -> 服务器 的顺序思路编写
- 本地运行 http-server ，模拟这个过程
-
了解 html 代码行数变多以后，如何拆分（一篇文档，标题任意）
- 了解打包 vite 工具的工作方式
- 使用 vite 创建基础的 vanilla ts 的工程
-
在 vite vanilla ts 的工程基础上编写前端 todo list（一篇文档，标题任意）
- 感受原生 html 编写时的繁杂点。
-
了解 react 的工作方式（一篇文档，标题任意）
- 使用 vite 创建 react ts 工程
- react 的基础工作方式
- 迁移 todolist 到 react ts 工程
- 这种方式如何解决的原生编程的繁杂点
-
学习 nextjs 前端
- 迁移 react todolist 到 nextjs ts 工程（注意客户端组件，服务端组件的区别）
-
学习 vitest
- 在 vite 工程中添加 vitest
- 对 todolist 编写单元测试
工具链
- vite
- rollup
- webpack
后端
- nextjs 后端
- expressjs
- koa
- fastify
运维
- docker
- k8s