• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

前端知识树-构建你的知识体系

Frame/Browser 薛 陈磊 2215次浏览 4个评论 扫描二维码

经常有人问,我想学前端,要从哪里学起,或者有点基础,想学点其他的,要学什么?

两年前我同样带着这样的疑问,搜索了前端知识体系这个关键词,被大神们各种图解和list吓到了,心想还是先做好当下的工作吧;

时光荏苒,前几天小组对思维体系和知识体系的构建这个话题做了讨论,觉得是时候列出一个前端知识体系来总结概括和继续学习了;

话不多说,看下图,矢量全屏版戳这里

前端知识树-构建你的知识体系

各位看官老爷们估计和我两年前的心情是一样的,这特么是什么玩意这么多这么乱???

咳咳,特别说明,这是根据博主认知和分类整理后的产物,前端界日新月异(简直是凌乱有木有…各种框架…),没有特定的知识体系界限,且听我稍释义一下;

图解分四个部分:

  • 开发协作;在职能岗位中配合团队做出符合需求的交付产品;

  • 构建维护;包含后续的构建发布运维和迭代保障;

  • 知识体系;隐藏于开发下的储备知识,可进一步提高开发效率和转化伪开发技能;

  • 自我驱动;岗位职能和个人通道的原动力,通俗的说如果你不能在一门技能的学习、转化中获得乐趣,也许你不适合这个职业;

如果你还没看明白,请允许在下用一张图片来解释:

前端知识树-构建你的知识体系

恩,大概就是这个意思,工欲善其事必先利其器,工作中直接用来解决问题的各种方法就是你的“器”,也就是我说的1开发协作和2构建维护,这是直观的能表现出来的部分,大部分情况选拔人员的时候也是看这部分,你能不能填好某个坑解决难题;与之相对的后面的知识体系则是各种配套设施辅助工具,加快你解决难题,再往后是你所有解决问题能力的来源:自我驱动;源源不断的为你提供能量,图系的钻头才能钻的更深;这些很多时候是看不到的,隐藏与你的知识体系下,但是有与没有,差别会很大;

如果你还没看明白,也许我们的思维体系相差太多,你可以考虑右上角本篇看看其他的……

回头再看这张图知识体系图,仿佛看到了那在夕阳下奔跑的我前端知识树-构建你的知识体系,那是我逝去的青春……前端知识树-构建你的知识体系,所以每当有人说你们前端不就是切图片做点页面的吗,我都想用这张图砸死他,当然不排除部分人是做这些低端流水线的(如有得罪…你来打我啊);

tips:

本文知识体系是尽可能列举前端相关内容,不代表前端一定要都会这些;实际上大部分前端也是会其中一部分,就可以无缝工作,除非你像我一样我建设社会主义的伟大理想(话说我也是只了解一部分,学习中…);

图表因为分级限制和大小缘故,有些内容没展开写;

本文知识体系图根据博主的认知变更和理解变更不断更新;

if you have any question,you can leave your message;


薛陈磊的博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明前端知识树-构建你的知识体系
喜欢 (29)
[905044086@qq.com]
分享 (0)
作者薛陈磊
关于作者:
非著名前端Coder,中二非文艺闷骚少年,喜欢动漫、历史、暗荣三国志和游山玩水,关注互联网发展,期待遇到更多小伙伴一起吹水玩耍;
说点什么...
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 发现偶尔也是可以通过评论找到好网站的嘛。这篇文章不错,正好最近想着学前端。收藏了。
    欣然面对2017-03-12 08:54 回复 Windows 7 | 搜狗浏览器 2.X
  2. 博主最近没怎么更新啊,我来转转。
    Feeey个人博客2017-02-27 10:16 回复 Windows 7 | Internet Explorer 9.0
    • 你这么说我有压力呀
      薛 陈磊2017-02-27 11:02 回复 Windows 7 | Chrome 56.0.2924.87