最实用的全栈入门指南

通用基础

IDE 使用

• 配置 IDE，加入 Linter、代码美化等

• 配置终端类型（推荐使用 zsh，windows 下使用 WSL 2也可以使用 zsh）

• * 其他插件，如代码类型支持、测试等

Git 使用

• SSH Key 配置及使用

• * Github 两步认证

• * GPG 签名

• 常用操作包括不限于： Merge、Rebase、分支操作、冲突解决、PR、链接相关 Issue 等

SHELL 脚本

• 常用 shell 命令（推荐使用 zsh，配合 ohMyZsh），如 cp、ssh、scp、ps、netstat 等

• * Makefile

• * 终端工具使用（如 Hyper、iTerm）

操作系统

跨平台

• 终端工具： Hyper

• API 接口设计及调试： Insomnia

• 参考文档工具： Zeal （类似 Dash）

苹果

• 终端工具： iTerm
• 快捷键工具： CheatSheet
• 参考文档工具：Dash

正则表达式

• 图形化检测工具： https://regexper.js.cool/
• 编写测试工具： https://regexr.com/
• 正则表达式基础：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
• JS RegExp 对象： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp

代码基础

JavaScript 相关

• MDN 基础：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
• ECMAScript 最新特性、提案： https://github.com/tc39/ecma262
• ES6 基础入门： https://es6.ruanyifeng.com/
• Rxjs（比 Promise、Async/Await 更可控的流式异步）：http://rx.js.cool/
• 批处理与缓存 - DataLoader： http://dataloader.js.cool/

Typescript 相关

• 官方文档： https://www.typescriptlang.org/docs/handbook/intro.html

网络协议

• HTTP
• HTTPS、 HTTP/2、HTTP/3
• TCP、UDP
• Socket
• Websocket
• MQTT
• gRPC

接口设计

• RESTful
• GraphQL

前端

React 路线

• React： https://reactjs.org/
• SPA 框架
  • Next.js： https://nextjs.org/
  • Remix： https://remix.run/
• 状态管理 - Redux： https://redux.js.org/
• GraphQL - Relay： https://relay.dev/

Vue 路线

• Vue： https://v3.vuejs.org/
• SPA 框架 - Nuxt.js：https://nuxtjs.org/
• 状态管理 - Vuex： https://vuex.vuejs.org/

CSS 预处理器

• Stylus （首选，Node.js 编译）： https://stylus-lang.com/
• Less.js（Node.js 编译）： https://lesscss.org/
• Sass/Scss （源自 Ruby 编译，不推荐）

以及 Tailwind CSS 框架： https://tailwindcss.com/

后端

Web 框架

• Fastify（当前效率高于 Koa、Express）： https://www.fastify.io/
• Nest.js 集成框架： https://nestjs.com/

Data Modeling

• Prisma （ORM/ODM）： https://www.prisma.io/
• GraphQL（RESTful 下一代接口及数据处理方案）： https://graphql.org/

DevOps

Docker / K8s

• https://kubernetes.io/zh/
• IDE： https://k8slens.dev/
• 教程： https://kubernetes.io/zh/docs/tutorials/
• minikube： https://minikube.sigs.k8s.io/docs/start/

minikube addons enable ingress

Nginx

如有条件，前端建议完全静态化，通过 CDN 部署以提高访问速度和降低成本。

• Next.js 前端部署： https://steveholgado.com/nginx-for-nextjs/
• Nuxt.js 前端部署： https://nuxtjs.org/docs/2.x/deployment/nginx-proxy
• Nest.js 后端部署： https://medium.com/swlh/deploy-nest-js-app-with-postgres-in-vps-e1ce4abd2cad

DNS 解析

• DNS 基本知识： https://support.cloudflare.com/hc/zh-cn/categories/200276237
• Cloudflare： https://developers.cloudflare.com/

HTTP/2 、 SSL

PM2

实用工具

代码分享

• Stackbiltz（前后端）： http://stackblitz.com/
• Codepen（前端，可嵌入语雀）： https://codepen.io/

画图工具

• Mermaid（流程图、序列图等）： https://mermaid-js.github.io/mermaid/

效率统计

• Wakatime： https://wakatime.com/@willin
• Rescue Time： https://www.rescuetime.com/

编程提升

• CodeWars： https://www.codewars.com/
• Hackerrank： https://www.hackerrank.com/willin