Web前端开发大系概览 （前端开发技术栈）
2015/08/12 · JavaScript
· Web开发
正文作者： 伯乐在线 –
灵感的根源
。未经作者许可，禁止转载！
迎加入伯乐在线 专栏撰稿人。
前言
互联网建立50差不多年了，网站开发技术日新月异，但web前端始终离不开浏览器，最终或HTML+JavaScript+CSS这3只主导，围绕这3只主导要付出出大量术框架/解决方案。
自我自2000年新开始做网站开，使用的技艺不断迭代，一些泯了，更多之面世了。
不久前描绘过 .NET技术大系概览
（迄今为止最咸的.NET技术栈） ，相信广大网友感慨万千掌握的.NET技术远没这个技术栈里面所描述的大都。
Web Front End Stack.png
爆栈三部曲
- Web前端开发大系概览
（前端开发技术栈） ，包含大约180单技术点 - 数据库开发大系技术栈
（300几近技术点） - .NET技术大系概览
（迄今为止最全的.NET技术栈）
http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
问题
大家是否想过：
- 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开源了：WebFrontEndStack
交互式浏览
点击 这里 翻看基于HTML的交互式图示
(鼠标拖动/滚轮缩放)
1 赞 8 收藏
评论
关于作者：灵感的源
智能实验室创始人。做过开源，写过绝对化下蛋载量软件，爱美剧电影音乐美女。定居澳洲悉尼。twitter加unruledboy。移民澳新的去freeoz论坛中国域名hioz
个人主页 ·
我的篇章 ·
6 ·
