说在开始的话:

我上大学那会,虽说主要是学Java语言,但是web前端也稍微学了一些,那时候对前端也没多在意,因为涉入的不深,可以搞一个差不多可以看的界面就可以了,其他也没过多在意。

因为稍微了解一点点前端,所以看到前端相关资源的时候,总是也会忍不住也收藏下来,这篇文章就把我平时看到的一些关于WEB前端知识体系的脑图给列举出来,因为我一直觉得在学习每门语言之前一定要对这门语言有个概况性认知,不然连自己学到什么程度都不知道(就如我上大学学前端一样,以为前端就这么简单,结果……)。

1、2015-2016前端知识体系

2015-2016前端知识体系.jpg

这是我在看2015-2016前端知识体系这篇文章时,看到的这个脑图,文章也对脑图进行了详细的介绍,可以看看哦,看完后相信你对整个前端会有个概况性的认知的~

2、[Web前端工程师]学习路径

Web前端工程师.png

这个是我在看实验楼学习网站上的Web前端工程师学习路径时看到的,主要是里面有很多的项目课程,这在学完基础之后是非常有用的,多做一些小项目开发始必须的。

3、[前端工程师]需要涉及的知识

front-image.jpg

这个在@拔赤的微博里保存下来的一张图,分享这张图所带的文字是:“2012前端工程师知识结构”。

4、前端知识脑图

前端知识脑图.jpg

这张脑图呢,是在(@寒冬winter)的微博里保存下来的一张图,分享这张图所带的文字是:秋季校招快开始了,我来提前划个重点吧……

嗯,关于前端的知识结构就分享这4张吧,因为我看了看其他的几张也都大同小异,主要是我没记录图片的出处(>_<),所以就不放出来了,我想以上四张对于前端的认知就足够了,对于想入门做前端工程师的小伙伴也是足够了,剩下的就需要踏踏实实的学基础,以及勤动手了。

5、前端测试工具

前端测试工具.png

最后再分享一张前端测试工具的图,但是这张图片我不知道出处了,所以请原作者看到后一定要记得联系我啊,我加上出处。分享这张图的目的是:在我们学习的过程中,往往不太知道怎样进行测试,也不太注重这方面,但是测试确实很重要滴,所以就分享出来了。

说在后面的话

其实上面的图片呢也只能帮助想入门的小伙伴,对于已经入门的小伙伴就需要自己去积极的找一些资源了,我把我看到的一些资源发出来吧,可以参考参考:

参考站

http://www.jianshu.com/p/00baf1e65322

jpg改rar

WEB前端知识体系脑图的更多相关文章

  1. web前端知识体系总结

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  2. 自己总结的web前端知识体系大全【欢迎补充】

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  3. web前端知识体系大全

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  4. web前端知识体系小结(转)

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  5. Web前端知识体系精简

    Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知 ...

  6. Web前端知识体系

    看到一篇不错的文章,拿来收藏和分享. 原文:http://mp.weixin.qq.com/s/UFTfdE7LYhHquWEzwZKLCQ Web前端技术由html.css和 javascript三 ...

  7. web前端知识体系大全【欢迎补充】

    大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人 ...

  8. web前端知识体系大全【转载】

    自己总结的web前端知识体系大全[欢迎补充]   1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在 ...

  9. Web前端知识体系V0.1

    学习,是一个建立“索引”的过程-好比我们读一本书,读完之后,再次看这本书的目录结构,就会联想起很多书中的具体内容: 博客,是一个回顾所学的载体-学习完教学Video之后,通过书写博客,以达到记忆的目的 ...

随机推荐

  1. nginx服务器设置url的优雅链接

    对于LNMP这样架构的网站来说,一般都是基于php框架开发,php框架一般都会讲究优雅链接,比如Laravel,CodeIgniter,ThinkPHP等都是支持这种链接模式的,在服务器配置上也叫作u ...

  2. 【leetcode】Max Points on a Line(hard)☆

    Given n points on a 2D plane, find the maximum number of points that lie on the same straight line. ...

  3. LeetCode 231 Power of Two

    Problem: Given an integer, write a function to determine if it is a power of two. Summary: 判断一个数n是不是 ...

  4. UIButton 的点击事件详解

    UIControlEventTouchDown 单点触摸按下事件:用户点触屏幕,或者又有新手指落下的时候. UIControlEventTouchDownRepeat 多点触摸按下事件,点触计数大于1 ...

  5. PHP如何判断远程图片文件是否存在

    <?php $url = 'http://www.nowamagic.net/images/test.jpg'; if( @fopen( $url, 'r' ) ) { echo 'File E ...

  6. (转)Delphi工程文件说明

    1.DPR: Delphi Project文件,包含了Pascal代码.应用系统的工程文件2.PAS: Pascal文件,Pascal单元的源代码,可以是与窗体有关的单元或是独立的单元.3.DFM:D ...

  7. MVC下HtmlHelper自带BeginForm表单提交与异步Ajax请求

    假如有一个数据表格UserInfo: public class UserInfo { public int Id { get; set; } public string Name { get; set ...

  8. python基础——实例属性和类属性

    python基础——实例属性和类属性 由于Python是动态语言,根据类创建的实例可以任意绑定属性. 给实例绑定属性的方法是通过实例变量,或者通过self变量: class Student(objec ...

  9. uitableviewcell cell.accessoryType 右箭头

    实现右侧的小灰色箭头  只要将cell的accessoryType属性设置为 UITableViewCellAccessoryDisclosureIndicator就可以了. 代码为:cell.acc ...

  10. 关于java中的异常问题 1

    1.首先参考一下关于java异常处理方面的知识 查看博客http://lavasoft.blog.51cto.com/62575/18920/ 这里介绍的很好,下面从中学习到一些东西,摘抄如下: 1. ...