前端开发工程师技能地图
负责浏览器与客户端界面层开发的工程角色，把产品需求做成可交互、高性能的页面；适合动手型、想尽快看到成果的学生。
对口岗位方向
前端开发工程师｜对口Web/H5 开发工程师｜对口小程序开发工程师｜对口大前端/跨端开发（RN·Flutter）｜相邻Node.js/BFF 开发｜相邻可视化开发工程师｜相邻
实色为高度对口方向，浅色为技能高度重合的相邻方向。
技术栈与核心技能（按学习先后）
1.HTML5 语义化、表单与本地存储2.CSS3 布局、响应式与手写经典布局3.JavaScript ES6+：闭包、原型链、事件循环、异步4.Git 分支协作与 GitHub 使用5.TypeScript（与框架同步，项目全量使用）6.React 或 Vue 选一主攻到原理层7.状态管理与路由8.构建工具 Vite/Webpack9.HTTP 缓存跨域、浏览器渲染与 XSS/CSRF 安全10.小程序开发与移动端适配11.性能优化与监控（指标量化）12.Node.js：能独立搭带数据库的接口服务13.AI 辅助研发工具的规范使用
学习路径骨架
- 1
语言与页面地基8-12 周
用纯 HTML/CSS/JS 做出多个可上线访问的交互页面
- 2
框架与完整项目12-18 周
TypeScript 加主框架完成一个前后端分离的上线项目
- 3
实习冲刺6-8 周
八股加算法与手写专项，目标暑期实习
- 4
秋招投递12-16 周
提前批、正式批、补录滚动推进
以上为阶段骨架。每个人基础不同，完整到周的学习路线让小职按你的情况排。
常见弯路
- · 地基未稳就上框架、只看视频不动手，是早期面试失败的头号原因
- · 背题面不追原理、简历堆砌技术名词，被追问一层就会暴露