FDE 技能图谱与知识要求

基于 2026 年招聘市场数据 · 6 大核心技能聚类 · 完整学习路径

📊 真实招聘数据驱动 🎯 6 大核心技能聚类 🛤️ 0 → 资深完整路径 🔄 持续更新 2026

六大核心技能聚类

🎨

前端工程基础

必备底层能力 · 入职敲门砖

HTML5 / CSS3 / 现代布局
JavaScript ES2024+
TypeScript 类型系统
React / Vue / Svelte
Next.js / Nuxt 全栈框架
响应式 / 可访问性
🤖

AI Agent 集成

2026 新风口 · 差异化竞争力

Prompt Engineering 进阶
MCP 协议调用
Function Calling / Tool Use
RAG / 向量检索
LangChain / LlamaIndex
Agent 工作流编排
☁️

云端部署 & DevOps

FDE 核心区别点 · 拉开差距

Vercel / Netlify 平台
Docker 容器化
CI/CD(GitHub Actions)
AWS / 阿里云 / 腾讯云
Serverless 架构
监控 / 日志 / 告警
⚡

边缘计算 & 性能

2026 前沿 · 面试加分项

Edge Runtime / Edge Functions
CDN / 缓存策略
Web Vitals / 性能优化
SSR / SSG / ISR 选择
Streaming / Suspense
冷启动 / 成本优化
🛠️

工程化与协作

团队效率引擎 · 资深必备

Git / Git Flow / PR 流程
Monorepo(pnpm / Turborepo)
代码规范(ESLint / Prettier)
单元测试 / E2E 测试
Storybook 组件库
技术文档 / ADR
🔒

安全与数据

合规底线 · 高薪分水岭

OAuth 2.0 / JWT / OIDC
HTTPS / CSP / CORS
XSS / CSRF / SQL 注入
数据脱敏 / 加密存储
GDPR / 数据合规
API 限流 / 防爬

知识要求矩阵

知识领域 重要度 初级 FDE 中级 FDE 资深 FDE 学习资源
现代前端框架(React/Vue) 核心 熟练使用 深入原理 源码级掌握 官方文档 + 实战项目
TypeScript 类型体操 核心 基础类型 泛型 / 工具类型 类型推导 / 高级技巧 Type Challenges
Next.js / 全栈框架 核心 页面开发 路由 + API 路由 SSR/ISR 架构设计 Next.js 官方教程
Vercel / 部署平台 核心 基础部署 环境变量 / 域名 Edge Functions 调优 Vercel 文档
AI Agent / MCP 协议 核心 了解概念 能集成 SDK 自建 Agent 工作流 Anthropic MCP 文档
Docker / 容器化 重要 Dockerfile 编写 多阶段构建 镜像优化 / 安全扫描 Docker 官方文档
CI/CD 流水线 重要 GitHub Actions 基础 多环境部署 自动化测试 + 回滚 GitHub Actions 实战
云服务(AWS/阿里云) 重要 单一服务使用 多服务编排 成本优化 + 架构 云厂商官方课程
性能优化 / Web Vitals 重要 Lighthouse 跑分 关键指标优化 监控体系搭建 Web Vitals 官方
单元测试 / E2E 基础 会用工具 覆盖率 60%+ 测试金字塔设计 Vitest / Playwright
Monorepo 工具链 基础 了解概念 能搭建结构 大规模团队治理 Turborepo 官方
数据安全 / 合规 基础 了解常见风险 实施防护 合规体系设计 OWASP Top 10
Storybook / 组件库 可选 组件开发 文档化 设计系统 Storybook 官方
监控 / 告警体系 可选 会用工具 配置告警 Observability 全栈 Sentry / Datadog

0 → 资深 FDE 学习路径

夯实前端基础

⏱️ 2-3 个月

HTML5 / CSS3 现代布局 / JavaScript ES2024+ / TypeScript 入门 / React 或 Vue 任一框架 / 响应式与可访问性

HTML/CSS JavaScript TypeScript React/Vue

Next.js 全栈开发

⏱️ 2 个月

Next.js App Router / 服务端组件 / 路由处理 / API Routes / Server Actions / 数据库集成(Prisma)/ 鉴权方案(NextAuth)

Next.js Prisma NextAuth SSR/SSG

部署 + DevOps 入门

⏱️ 1.5 个月

Vercel / Netlify 一键部署 / 环境变量管理 / 自定义域名 / GitHub Actions 自动化 / Docker 容器化基础 / 阿里云/AWS 基础服务

Vercel GitHub Actions Docker 云服务

AI Agent 集成实战

⏱️ 1.5 个月

MCP 协议理解与对接 / Function Calling 实现 / RAG 检索增强 / LangChain / LlamaIndex / Agent 工作流(ReAct / Plan-and-Execute)

MCP 协议 Function Calling RAG LangChain Agent

边缘计算 + 性能优化

⏱️ 1 个月

Edge Runtime 原理 / Vercel Edge Functions / CDN 缓存策略 / Web Vitals 优化(LCP/FID/CLS)/ Streaming SSR / 成本调优

Edge Functions CDN Web Vitals SSR 调优

工程化 + 团队协作

⏱️ 1 个月

Monorepo(pnpm + Turborepo)/ 测试金字塔(单元 + E2E)/ Storybook 组件库 / CI/CD 完整流水线 / 监控告警体系

Monorepo 测试 CI/CD 监控

资深 FDE · 架构与决策

⏱️ 持续 6+ 个月

技术选型决策 / 微服务架构 / 数据合规设计 / 大规模团队治理 / 成本与性能平衡 / 复杂业务系统设计 / 技术布道

架构设计 合规 团队治理 技术布道

🎯 想立即开始 FDE 转型?

MaxKB FDE 教学实战课 · 60 页 PPT + 9 章节讲义 + 完整源码 + 5 大企业场景 + 深度学习原理

👑 升级会员 · 解锁全部资源 🔥 查看最新动态