当前位置: 首页 > 网络学院 >

自己总结的web前端知识体系大全

新客网 XKER.COM 时间:2015-07-16 10:38:30来源:王福朋 博客园  评论:

1. 前言

大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多

拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来。说干就干。上午我就开始在办公室画草图,乱七八糟的在那儿理思路。

自己总结的web前端知识体系大全_新客网

大家不要害怕,其实下文中的这个知识框架要比草图中的好看的多,草图大家权当没看见。

好了,废话不扯。下面请跟随我本博客的内容,来看看web前端开发除了htm、css和js之外,还有哪些东西需要你一步一步去掌握。

在看内容之前,先看一下这个知识框架的预览图。图太大不好展示,看不清除,可在此下载清晰版http://pan.baidu.com/s/1hqIUvUc (内有整个知识体系的图片和xmind文件)

自己总结的web前端知识体系大全_新客网

2. 分类

所有知识框架,那肯定是一个结构型的展现,就是一棵树。web前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱。那么如何组织、把谁和谁放在一块儿?这是真正值得我们去思考的,你也可以自己来思考一下这个问题。

在我总结的这个知识框架中,首先第一层我划分为:理论知识,类库框架,编码开发,运行环境。如下图:

自己总结的web前端知识体系大全_新客网

接下来给大家解释一下:

这个图要从下往上看,为何?——因为下面是上面的基础;

  • 首先,我们需要一定的理论知识,不管是你听别人讲授、自己看书还是网上淘资料,你都需要一定的理论知识,每一种程序开发,都避免不了。

  • 第二,有了这些理论知识我们就可以编码了——不错——but,没有人能抵挡住第三方框架和类库的诱惑,例如jquery;

  • 第三,有了这些理论知识和协助我们的类库框架,我们就可真正的编码了。大家可能以为编码开发不就是写代码吗,还有啥?——这里面道道多着呢;

  • 最后,开发程序的目的,最终是为了能高效、稳定的运行在相应的环境中,这其中又有哪些事情需要我们去做?请期待;

3. 理论知识 包括“软知识”和“硬知识”

“软知识”和“硬知识”大家可能觉得词陌生,其实我一说大家就能明白。

自己总结的web前端知识体系大全_新客网

  • 所谓“软”的就是能在各个程序开发中都用到的,算是基本功、内功,例如数据结构、算法、设计模式、面向对象等等;

  • 所谓“硬”的就是能直接用于本程序开发的。用C语言你就得学C语言语法,此时学java没用。我们web前端开发所需要的硬知识其实都包含在三个标准里面:http标准、W3C标准和ECMAScript标准

如果本文对您有帮助请分享给您的好友,也可按Ctrl+D收藏本页面,谢谢!感谢本文来源方:王福朋 博客园

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)