菜单

Web前端开发大系概览 (前端开发技术栈)

2019年1月9日 - XML

Web前端开发大系概览 (前端开发技术栈)

2015/08/12 · manbetx2.0手机版,JavaScript
· Web开发

本文作者: 伯乐在线
灵感之源
。未经作者许可,禁止转载!
欢迎参与伯乐在线 专辑撰稿人

manbetx2.0手机版 1

前言

互联网建立50多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最后如故HTML+JavaScript+CSS这3个着力,围绕这3个着力而支出出来大量技能框架/解决方案。

本人从2000年终起始做网站开发,使用的技能不断迭代,一些烟消云散了,更多的产出了。

如今写过  .NET技术大系概览
(迄今停止最全的.NET技术栈)
 
,相信广大网友感慨明白的.NET技术远没有这么些技能栈里面所描述的多。

Web Front End Stack.png

爆栈三部曲

http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html

问题

世家是否想过:

深信不疑广大网友看过自己前边写的.NET技术大系概览
(迄今结束最全的.NET技术栈)
,一个简易易懂的栈图可以概括.NET那些巨大的技术生态圈里面基础技术:

manbetx2.0手机版 2

 

还有数据库技术栈

manbetx2.0手机版 3

这就是说,Web前端开发是否也理应有如此的技术栈概览图呢?

寻找了很久,没有找到一个合乎我要求的“较为周到”地表明Web前端技术大系的图样。

互联网上来回都是那些简易的,譬如那么些:

manbetx2.0手机版 4

或者这一个:

manbetx2.0手机版 5

抑或这么些:

manbetx2.0手机版 6

可是这些都远远没有中度概括整个Web前端开发技术,和自身索要的不平等。

Web前端开发技术栈

前天盛行一个说法,是Full Stack
(全栈),简单地说是万金油,说得赏心悦目一点就是前者、后台、存储、架构等都懂,我以为自家不是全栈,而是爆栈(stack
overflow),开玩笑了。。。。

这些Web前端开发技术栈,大约20个层级,大约100个技术点,从底层一向到最顶层:

本条图片里的归类未必准确,相关技术也难免会有遗漏,欢迎我们指引以便不断立异。

Web前端技术其实太繁多限于篇幅,,这里没有罗列一些技能。

以下是预览图:

manbetx2.0手机版 7

点击查看原尺寸大图

GitHub开源

在GitHub开源了:WebFrontEndStack

 

交互式浏览

点击 这里 翻开基于HTML的交互式图示
(鼠标拖动/滚轮缩放)

1 赞 8 收藏
评论

至于作者:灵感之源

manbetx2.0手机版 8

智能实验室创办者。做过开源,写过相对化下载量软件,爱美剧电影音乐漂亮的女人。定居南美洲多伦多。twitter加unruledboy。移民澳新的去freeoz论坛中国域名hioz

个人主页
·
我的稿子
·
6
·
  

manbetx2.0手机版 9

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图