Web 全棧開發 2024 技術棧全景圖：前端/後端/運維/軟技能完整版

前端工程化

• 基石：HTML5 語義化、CSS3 (Flex/Grid/變量)、ES6+ (模塊/箭頭函數/解構)。
• 框架三巨頭：React (Hooks/Next.js)、Vue 3 (Composition API/Nuxt 3)、Svelte/SvelteKit。
• 構建工具：Vite (開發/構建一體化)、Webpack 5 (企業級)、esbuild (極速)。
• 狀態管理：Redux Toolkit / Zustand / Pinia / Jotai。
• UI 組件庫：Ant Design / Element Plus / Material UI / Tailwind CSS + Headless UI。
• 類型安全：TypeScript 5+ (嚴格模式)、Zod (運行時驗證)。
• 測試：Vitest/Jest (單元)、Playwright/Cypress (E2E)、Storybook (視覺回歸)。

後端微服務

• 語言/框架：Java 21 + Spring Boot 3 / Go 1.22 + Gin/Goku / Node.js 20 + NestJS / Python 3.12 + FastAPI / C# 12 + .NET 8。
• API 風格：RESTful (OpenAPI 3.1)、GraphQL (Apollo/GraphQL Yoga)、gRPC (Protocol Buffers)、tRPC (端到端類型安全)。
• 數據層：PostgreSQL 16 (JSONB/全文檢索)、MySQL 8.0 (CTE/窗口函數)、Redis 7 (Stream/Geo/JSON)、MongoDB 7、ClickHouse (OLAP)。
• ORM/查詢構建：Prisma / Drizzle ORM / MyBatis-Plus / Entity Framework Core / SQLAlchemy 2.0。
• 消息隊列：Kafka / RabbitMQ / NATS / Redis Stream / Pulsar。
• 可觀測性：OpenTelemetry + Prometheus + Grafana + Loki + Tempo (全鏈路追蹤/指標/日志)。

DevOps / 雲原生

• 容器化：Docker / BuildKit / Podman，多階段構建、distroless 基鏡像。
• 編排：Kubernetes (EKS/GKE/AKS/自建)、Helm / Kustomize、ArgoCD (GitOps)。
• CI/CD：GitHub Actions / GitLab CI / Jenkins / Tekton，流水線即代碼。
• 基礎設施即代碼：Terraform / Pulumi / Crossplane。
• 服務網格：Istio / Linkerd / Cilium (mTLS/流量治理/可觀測)。

軟技能與工程文化

• 領域驅動設計 (DDD)、整潔架構、SOLID 原則。
• 代碼評審 (Code Review)、結對編程、Trunk Based Development。
• 技術文檔即代碼 (ADR、OpenAPI、AsyncAPI)。
• 持續學習：訂閱 InfoQ / The Register / GitHub Trending / 技術周刊。

給新人的學習路線建議

1. 精通 **一門後端語言 + 一個前端框架 + 數據庫 + Linux 基礎**。
2. 做 2-3 個完整項目（含部署上線），簡歷可寫「獨立完成從 0 到 1」。
3. 深入理解 **HTTP/TCP、數據庫索引、分佈式理論 (CAP/BASE/Raft)**。
4. 建立 **技術雷達**，每季度評估新技術是否納入棧。