前端开发路线图
从零开始成为前端开发工程师的完整学习路径。涵盖 HTML、CSS、JavaScript、React、TypeScript 等核心技术。
关于前端开发路线图
前端开发路线图是一份系统化的技术学习指南，帮助你从零开始掌握Frontend、Web Development、JavaScript、React等核心技能。本路线图包含86个精心设计的学习节点，预计学习时长约500小时，适合入门水平的学习者。
为什么选择这份路线图？
- 系统化的学习路径，从基础到进阶循序渐进
- 每个知识点都有详细的说明和推荐资源
- 可交互的路线图，直观了解知识点之间的关系
- 完全免费，随时随地开始学习
- 标记学习进度，追踪你的成长轨迹
核心学习内容
本路线图涵盖了Frontend、Web Development、JavaScript、React等核心技术领域，以下是部分重点学习内容：
Internet 基础
掌握互联网基础能帮你理解网页为何能被访问：客户端发起请求，经网络设备转发，到服务器返回响应。补齐IP、端口、延迟、带宽等概念后，你能更快定位“打不开/很慢/被拦截”，也为后续HTTP、DNS与浏览器机...
HTML
HTML定义页面结构与语义，是可访问性与SEO的基础。你要掌握常用标签、表单、媒体元素、语义化布局、meta信息与结构化数据，并了解aria等无障碍属性。结构写对了，样式与脚本才更好维护，组件复用也更...
CSS
CSS负责视觉呈现与布局。重点学习选择器、盒模型、层叠与优先级、Flex/Grid、响应式媒体查询，以及动画与过渡。配合浏览器DevTools理解布局计算与重排重绘，你能更快还原设计稿，并避免“样式互...
JavaScript
JavaScript让页面具备交互与业务逻辑。你要理解类型与作用域、闭包、原型链、模块化、事件机制，以及异步模型(Promise/async)与事件循环。再结合DOM操作、Fetch与错误处理，你写的...
Git
Git是最主流的分布式版本控制工具。重点练习add/commit/branch/merge/rebase、stash与cherry-pick，并理解HEAD、工作区/暂存区/仓库的关系。再掌握log、...
Package Managers
包管理器用于安装与管理前端依赖，解决版本、依赖树与脚本运行问题。你要理解package.json、lockfile、语义化版本、依赖提升/去重，以及安全审计与镜像源配置。掌握后能保证环境一致、构建稳定...
