ObjTube 前端路线图

开源的前端学习路线图（Front-end Roadmap），以中文为主，系统梳理从零基础到高级/全栈前端工程师所需掌握的技术栈、工具与学习路径。项目托管于 GitHub（ObjTube/front-end-roadmap），采用类似 roadmaps.sh 的思维导图风格，但更贴合中文开发者习惯与国内生态，是许多中文前端新人/转行者的经典学习导航图。

主要特点

• 中文原生 & 国内生态友好：全中文说明，优先推荐国内常用技术（如 Vue 生态、Webpack/Vite、Element Plus、Ant Design 等），标注推荐度（⭐️强烈推荐、✓备选、不推荐）。
• 结构清晰、阶段分明：从基础（HTML/CSS/JS）逐步进阶到框架、工程化、性能优化、全栈、面试等，路径线性且实用。
• 开源 & 可 fork：GitHub 项目完全开源，可克隆本地查看/修改，社区可贡献更新。
• 标记系统实用：用符号标注学习优先级与是否过时，帮助避免踩坑。
• 免费 & 永久可用：网页版随时访问，无需注册，适合作为前端学习“地图”长期参考。
• 更新活跃：项目自2020年代初创建，持续维护至2025-2026年，跟随前端技术演进（如 Vite 崛起、Vue 3、TypeScript 普及）。
• 视觉化强：采用树状/导图式呈现，易于概览整体路线。

主要功能

• 路线图浏览：网页直接展示完整前端学习路径，按阶段展开。
• 分类与推荐：覆盖基础知识 → 进阶框架 → 工程化 → 性能/优化 → 全栈/Node → 面试/软技能等。
• 技术栈对比：标注主流/备选/过时技术（如 jQuery 、React/Vue ）。
• GitHub 配套：可查看 README、issues、贡献历史，fork 后自定义路线。
• 无交互编辑：纯静态展示页，非在线编辑器，但内容详实可复制学习计划。

E导航总结

ObjTube 前端路线图作为E导航整理收集的一个专为中文前端开发者量身打造的开源学习导航图，以清晰的阶段式结构，从 HTML/CSS/JS 基础，到 Vue/React 框架、TypeScript、Webpack/Vite 工程化、性能优化、Node 全栈，再到面试刷题与职业发展，一条龙指引学习顺序与优先级。项目在 GitHub 上开源维护，社区认可度高，是前端新人、转行党、自学者规划学习路径的经典“修炼地图”。免费、更新及时、实用性强，强烈推荐收藏作为前端进阶路线参考。

首页截图