超级棒的免费前端学习路线

Obj.Tube 出品的开源免费前端学习路线，分阶段学习，每个知识点都有指引和资源推荐，一脚踢开前端大门！

这段时间，一直在全网搜寻前端学习路线。在对比了很多的网站、培训机构的思维导图、PDF 资料之后，最终还是给大家推荐 Obj.Tube 自己打造的前端学习路线。

这份学习路线既不是静态的图片，也不是文档和导图，而是一个网站，你可以在网站中自由探索。

前端学习路线

可以先通过一个短视频快速了解：

评价一个前端路线的好坏时，我最注重的是前端知识的 学习顺序是否渐进 以及 内容完整度。

这份路线中，作者将前端学习划分为三个阶段，由浅入深，顺序安排非常合理，零基础的小白也可以入门。你可以选择适合自己的阶段进行学习，路线图会根据选项做出相应的调整，从而帮助过滤那些目前不适合你学习的知识。

你还可以一键下载完整的路线图到本地。

分阶段学习

再看看这份路线的内容，从了解互联网、浏览器、编辑器、常用的开发工具，到前端主流技术（如 HTML、CSS、JavaScript），再到版本控制、构建、代码质量、性能优化等前端工程化方面的知识，可以说是非常全面了！

更棒的是，这个网站不仅仅只是前端学习路线，当你点击网站上对应的知识节点时，会自动推荐帮助你学习该知识的相关资源。

比如当我点击 “编辑器” 节点，就能够看到常用的编辑器及相关文章，节省了不少时间。

了解常用编辑器

让我感到意外的是，这个项目在 GitHub 上只有不到 1000 个 star，看来真的是隐藏的宝藏了。希望这么用心的作品能被更多人发现，并从中受益，鱼皮也会在近期给这个项目补充贡献一些前端知识。

⬇️ 点击下方阅读原文查看详情

关于

编程导航是一个帮助大家高效发现优质编程资源的项目。不同于传统的导航网站，在编程导航主站中，你可以自由搜索编程资源并轻松获取。此外，通过资源简介、详情、秒懂视频以及大家的评论，还可以助你快速了解资源！😆

在编程导航公众号中，也会定期给大家推荐好的编程资源，了解更多编程小知识，不经意间收获成长！😉

有帮助的话，欢迎分享给身边的同学，非常感谢！❤️