Web前端开发大系概览 (迄今为止最全的互联网前端开发技术栈)
2015-08-07 10:01
1371 查看
/article/4595507.html
前言
互联网建立60多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML+JavaScript+CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案。
我从2000年初开始做网站开发,使用的技术不断迭代,一些消失了,更多的出现了。
最近写过 .NET技术大系概览 (迄今为止最全的.NET技术栈) ,相信很多网友感叹掌握的.NET技术远没有这个技术栈里面所描述的多。
大家是否想过:
Web前端开发究竟包含哪些技术呢?
我所掌握的技术这个子集,在Web前端技术大系这个超集里面占的比例是多少呢?
我究竟还没有掌握多少Web前端技术呢?
面试的时候会考哪些技术呢?
相信很多网友看过我之前写的.NET技术大系概览 (迄今为止最全的.NET技术栈),一个简单易懂的栈图可以概括.NET这个庞大的技术生态圈里面基础技术:
那么,Web前端开发是否也应该有这样的技术栈概览图呢?
搜索了很久,没有找到一个符合我要求的“较为全面”地表述Web前端技术大系的图表。
互联网上来去都是那几个简单的,譬如这个:
或者这个:
或者这个:
不过这些都远远没有高度概括整个Web前端开发技术,和我需要的不一样。
现在流行一个说法,是Full Stack (全栈),简单地说是万金油,说得体面一点就是前端、后台、存储、架构等都懂,我觉得我不是全栈,而是爆栈(stack overflow),开玩笑了。。。。
这个Web前端开发技术栈,大约20个层级,大约100个技术点,从底层一直到最顶层:
浏览器
渲染引擎、JavaScript引擎
HTML/JavaScript/CSS三支柱
编辑器
编译任务
编译工具
打包、调试、质量
测试
JS基础类库
JS类库
UI框架
CSS预处理器
模板
现代化
安全/模式
中间语言
跨平台解决方案
这个图表里的分类未必准确,相关技术也难免会有遗漏,欢迎大家指点以便不断改进。
Web前端技术实在太繁多限于篇幅,,这里没有罗列一些技术。
以下是预览图:
因为内容太多,要看完整技术栈图的,可以访问GitHub。
在GitHub开源了:WebFrontEndStack
前言
互联网建立60多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML+JavaScript+CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案。
我从2000年初开始做网站开发,使用的技术不断迭代,一些消失了,更多的出现了。
最近写过 .NET技术大系概览 (迄今为止最全的.NET技术栈) ,相信很多网友感叹掌握的.NET技术远没有这个技术栈里面所描述的多。
问题
大家是否想过:Web前端开发究竟包含哪些技术呢?
我所掌握的技术这个子集,在Web前端技术大系这个超集里面占的比例是多少呢?
我究竟还没有掌握多少Web前端技术呢?
面试的时候会考哪些技术呢?
相信很多网友看过我之前写的.NET技术大系概览 (迄今为止最全的.NET技术栈),一个简单易懂的栈图可以概括.NET这个庞大的技术生态圈里面基础技术:
那么,Web前端开发是否也应该有这样的技术栈概览图呢?
搜索了很久,没有找到一个符合我要求的“较为全面”地表述Web前端技术大系的图表。
互联网上来去都是那几个简单的,譬如这个:
或者这个:
或者这个:
不过这些都远远没有高度概括整个Web前端开发技术,和我需要的不一样。
Web前端开发技术栈
现在流行一个说法,是Full Stack (全栈),简单地说是万金油,说得体面一点就是前端、后台、存储、架构等都懂,我觉得我不是全栈,而是爆栈(stack overflow),开玩笑了。。。。这个Web前端开发技术栈,大约20个层级,大约100个技术点,从底层一直到最顶层:
浏览器
渲染引擎、JavaScript引擎
HTML/JavaScript/CSS三支柱
编辑器
编译任务
编译工具
打包、调试、质量
测试
JS基础类库
JS类库
UI框架
CSS预处理器
模板
现代化
安全/模式
中间语言
跨平台解决方案
这个图表里的分类未必准确,相关技术也难免会有遗漏,欢迎大家指点以便不断改进。
Web前端技术实在太繁多限于篇幅,,这里没有罗列一些技术。
以下是预览图:
因为内容太多,要看完整技术栈图的,可以访问GitHub。
GitHub开源
在GitHub开源了:WebFrontEndStack
相关文章推荐
- 互联网+环境下,物联网如何迈向下一站?
- 40页PPT勾画“互联网颠覆性思维”----诠释互联网思维
- 新一轮互联网机会正在袭来,你还在观望吗?
- 互联网前端开发技术栈
- 互联网之子 – Aaron Swartz
- 谁来摘掉共享经济的紧箍咒?
- 当心从10亿估值沦落到一无所获!创业者签订融资协议时该注意什么?
- 对A轮的追逐变得越加狂热,当前距离互联网泡沫究竟有多近?
- 跨境移动互联网的魅力演绎,hao123无论成就下一个条目?
- 花里看雾:在互联网内看传统中国IT行业
- 互联网医疗
- 一款已上市MMO手游地图同步方案总结
- 互联网撕B大战的礼拜攻势+出海口规律(《越界》连载4)
- seo思维 - 解放双手不在做互联网“民工”
- 互联网有据可查,不再是“一塌糊涂”
- [转]互联网推送服务原理:长连接+心跳机制
- [转]互联网的长在线、心跳和断线重连
- 读《技术管理之巅:如何从零打造高质效互联网技术团队?》有感
- ICANN公布摆脱美国政府控制的新互联网方案
- 互联网+时代的思考