×

[阅 #7] 这里有一份给你的前端学习路线图

96
goddyzhao
2017.09.19 12:29* 字数 790

「阅」——JSCourse 旗下栏目,专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容

哈罗,大家好,我是小 J, 很高兴又和大家在 JSCourse 的「阅」栏目中见面了。你在学习 JavaScript 过程中是否有过迷茫和困惑——那么多相关的技术到底应该从哪里开始下手;或者学到了一定程度又不知道该如何深入?别怕, 今天我为大家找到了一份非常详细的前端学习路线图,希望对你学习 JavaScript 过程中起到指路的作用。

一位来自迪拜的工程师帅哥哥——Kamran Ahmed(好了,别念了,反正我是念了几分钟后放弃了)在Github 上发布了一个项目(准确地说是一篇文章),名字叫《Web Developer Roadmap - 2017》,翻译过来大致就是《2017 版 Web 开发者路线图》,他分成三个部分——前端、后端以及运维开发。我们重点来看下前端,路线图奉上:

图片来自:https://github.com/kamranahmedse/developer-roadmap
图片来自:https://github.com/kamranahmedse/developer-roadmap

我们来解读下,小编觉得这张图其实也不够完整,但是基本上罗列出了如今前端领域一些技术点和现有的解决方案。这张图很容易看明白,基本上二级菜单就是技术点,三级甚至四级菜单就是一些现有的解决方案。小编这里想强调一点:你看图中一上来就是基础部分,看到了吧,基础!基础!基础!学习任何技术,基础打扎实了才能让更深入的学习成为可能,举个例子,你可能一上来就学习 React 这类框架,然后用 React 根据网上的教程去完成一个小的项目,这样挺好,有成就感学习也更有动力,但是你不能停留在会用上面,你得去深入思考为什么会有 React,它要解决的是什么问题?它是怎么解决的?数据绑定又是怎么回事?等你深入去理解这些东西的时候你会发现,最终还是会绕回到基础知识上来。所以,大家一定要把基础打扎实,知其然更要知其所以然。(硬广时间:欢迎大家来 jscourse 看看,我们就专门负责给大家把「所以然」这部分讲的清清楚楚明明白白)

我们再把后端和运维开发的路线图也给大家看看:

这是后端

图片来自:https://github.com/kamranahmedse/developer-roadmap
图片来自:https://github.com/kamranahmedse/developer-roadmap

下面是运维开发:

图片来自:https://github.com/kamranahmedse/developer-roadmap
图片来自:https://github.com/kamranahmedse/developer-roadmap

好了,最后非常感谢我们的迪拜帅哥哥这么用心制作了这些路线图,有兴趣的你也可以点击这里查看这个项目,好了,我们下期见,byebye!

立即关注「jscourse」微信公众号获取最新课程和学习资料吧!

jscourse
Web note ad 1