访问 roadmap.sh 官网

在浏览器中打开 https://roadmap.sh，浏览首页，了解这是一个提供开发者学习路线图的社区驱动网站。

阅读项目简介

在网站首页或 GitHub 仓库的 README 中，了解项目的目标和提供的核心内容：交互式路线图、指南、最佳实践和测试问题。

浏览路线图列表

在网站首页或“Roadmaps”页面，查看所有可用的路线图分类（如前端、后端、DevOps、各种编程语言等）。

选择一个入门路线图

如果你是零基础，建议从“Frontend Beginner Roadmap”或“Backend Beginner Roadmap”开始。点击进入该路线图页面。

也可以根据你的兴趣，选择“Get Started”页面推荐的路径。

与路线图交互

在路线图页面，尝试点击图中的各个节点（主题）。你会发现每个节点都可以点击，并会展开详细的子主题、学习资源和说明。这是网站的核心交互功能。

注意路线图通常有明确的学习顺序（从左到右，或从上到下），遵循这个顺序学习效果更佳。

查看“最佳实践”

在网站导航栏找到“Best Practices”，选择你感兴趣的领域（如“Frontend Performance Best Practices”），学习行业总结的高质量实践指南。

尝试“问题”测试

在导航栏找到“Questions”，选择与你学习领域相关的问题集（如“JavaScript Questions”）。尝试回答一些问题，检验自己的知识水平，并查看详细解答以学习。

使用“指南”

网站还提供许多具体的指南文章。在相关路线图页面或通过搜索，找到与你当前学习主题相关的指南进行深入阅读。

确定学习方向

基于之前的探索，结合个人兴趣和职业目标，确定一个首要的学习方向（例如：先学前端开发）。

分解学习路径

在你选择的主路线图（如 Frontend Roadmap）中，将第一个阶段（通常是基础部分，如 HTML, CSS, JavaScript）的节点展开，记录下需要学习的主题清单。

不必一次性学完整个路线图，专注于当前阶段的前几个主题即可。

寻找外部资源

路线图节点中通常会推荐学习资源（文章、视频等）。选择其中一个推荐链接开始你的第一课。也可以结合其他知名教程平台（如 freeCodeCamp, MDN）进行学习。

了解贡献方式

如果你在使用过程中发现错误或有改进建议，可以阅读项目 GitHub 仓库中的“Contribution”部分，了解如何提交问题（Issue）或修改（Pull Request）。

分享项目

如果你觉得这个项目对你有帮助，可以考虑通过页面底部的社交媒体按钮分享给更多人。