@@ -6,7 +6,7 @@ http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
66# WebFrontEndStack
77web front end stack: browsers, platforms, libraries, frameworks, tools etc.
88
9- ![ Image of Web Front End Stack] ( Web%20Front%20End%20Stack .png )
9+ ![ Image of Web Front End Stack] (Web Front End Stack .png)
1010
1111# What and why?
1212Have you ever wondered:
@@ -18,66 +18,295 @@ I could not find a really comprehensive diagram that shows the web front end tec
1818
1919There might be issues here and there, like the category, the individual ones, but the beautity is you can modify it as you want.
2020
21+ You can have a graphical preview here (use mouse to move / zoom):
2122
22- # The Web Front End Stack
23-
24-
25- Sencha, jQueryMobile, Kendo UI, Jo, WinkUI, DojoMobile, Lungo | Mobile UI
26-
27- PhoneGap, Cordova, Appcelerator Titanium, appMobi, trigger.io | Platforms
28-
29- CoffeeScript, TypeScript, Dart, LiveScript, ClojureScript | Intermediate Languages
30-
31- SSL, OAuth, Sandbox, XSS, CSRF, CORS | Security
32-
33- SEO | Responsiveness, CDN | Practices
34-
35- Normalize, Reset | Modernisation
36-
37- Markdown, Handlebars, Haml, Slim Ruby, Jade | Template
38-
39- SCSS, LESS (Hat), SASS (Compass, Bourbon, Gumby), Stylus (Nib), ... | CSS Pre-processors
40-
41- Bootstrap, ZURB, YUI, Ext JS, Toast, YAML, ResponsiveGS, Semantic UI, Foundation | UI framework
42-
43- AngularJS, Backbone, Knockout, Ember, React, polymer, flux, Dojo, Deft.js | JavaScript framework
23+ https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrotEndStack.htm
4424
45- jQuery, Prototype, Zepto, MooTools,Underscore, RequireJS | JavaScript base library
4625
47- QUnit, Jasmine, Mocha, Selenium, WebDriverJS, Nightwatch.js, Phantom.js, Protractor, Chai, Sinon, Karma | Test
48-
49- NPM, Bower | Package
50-
51- JSLint, JSHint, jscs, Closure Linter, SonarQube | Quality
52-
53- YSlow, jsPerf, Speed Tracer, Dynatrace, PageSpeed | Perf
54-
55- Developer Tools , Firebug, Dragonfly, Fiddler | Debug
56-
57- Grunt, Gulp, Brunch, Yeoman, Lineman, Cake, Broccoli, webpack, browserify | Build
58-
59- Minification, Compilation, Concatenation,Uglification, Image Optimization, Unit Testing | Build Tasks
60-
61- Sublime Text, WebStorm, Atom, Vim, Emacs, Brackets, Light Table, Visual Studio | Editors
62-
63- Cookie, Local Cache, Session Storage, Local Storage, Components (extensions, plugins...), Resources (images, fonts, videos...)|Runtime
64-
65- Chakra (IE), V8 (Chrome), SpiderMonkey (Firefox), Nitro (Safari), V8 (Opera), (Chakra) Edge | JavaScript Engine
66-
67- Trident (IE), Blink / (prev. WebKit) (Chrome), Gecko (Firefox), WebKit (Safari), Blink / (prev. Presto) (Opera), EdgeHTML (Edge) | Rendering Engine
68-
69- DOM, Element, Attribute | Prototype, Scope, Closure, JSON, JSONP, AJAX | Selector, Priority, Specificity, Box Model | Core Concepts
70-
71- W3C (HTML, CSS， XHTML, XML, JSON...), ECMAScript (JavaScript), HTML5/CSS3 | Standards
26+ # The Web Front End Stack
7227
73- HTML (HyperText Markup Language) | JavaScript | CSS (Cascading Style Sheets) | The 3 Pillars
7428
75- Compression, Encryption, Minification, Server Push | HTTP/2
29+ - Web Front End
30+ - Browser
31+ - Internet Explorer
32+ - Chrome
33+ - Firefox
34+ - Safari
35+ - Opera
36+ - Edge
37+ - Netscape ;-)
38+ - Protocol
39+ - HTTP/1.1
40+ - URI
41+ - Session
42+ - Authentication
43+ - Request
44+ - Request Methods
45+ - GET
46+ - POST
47+ - HEAD
48+ - PUT
49+ - DELETE
50+ - TRACE
51+ - OPTIONS
52+ - PATCH
53+ - CONNECT
54+ - Headers
55+ - Body
56+ - Response
57+ - Headers
58+ - Body
59+ - Status Code
60+ - 2xx
61+ - 3xx
62+ - 4xx
63+ - 5xx
64+ - HTTP/2
65+ - Compression
66+ - Encryption
67+ - Minification
68+ - Server Push
69+ - The 3 Pillars
70+ - HTML (HyperText Markup Language)
71+ - CSS (Cascading Style Sheets)
72+ - JavaScript
73+ - Standards
74+ - W3C
75+ - HTML
76+ - CSS
77+ - XHTML
78+ - XML
79+ - ECMAScript
80+ - JavaScript
81+ - HTML5
82+ - CSS3
83+ - Core Concepts
84+ - HTML
85+ - DOM
86+ - Element
87+ - Attribute
88+ - JavaScript
89+ - Prototype
90+ - Scope
91+ - Closure
92+ - JSON (JavaSript Object Notation)
93+ - JSONP
94+ - AJAX (Asynchronous JavaScript and XML)
95+ - CSS
96+ - Selector
97+ - Priority
98+ - Specificity
99+ - Box Model
100+ - Rendering Engine
101+ - Trident (IE)
102+ - Blink / prev. WebKit (Chrome)
103+ - Gecko (Firefox)
104+ - WebKit (Safari)
105+ - Blink / prev. Presto (Opera)
106+ - EdgeHTML (Edge)
107+ - JavaScript Engine
108+ - Chakra (IE)
109+ - V8 (Chrome)
110+ - SpiderMonkey (Firefox)
111+ - Nitro (Safari)
112+ - V8 (Opera)
113+ - Chakra (Edge)
114+ - Runtime
115+ - Cookie
116+ - Local Cache
117+ - Session Storage
118+ - Local Storage
119+ - Components
120+ - Extensions
121+ - Plugins
122+ - Resources
123+ - Images
124+ - Icons
125+ - Fonts
126+ - Audios
127+ - Videos
128+ - Editors
129+ - Sublime Text
130+ - WebStorm
131+ - Atom
132+ - Vim
133+ - Emacs
134+ - Brackets
135+ - Light Table
136+ - Visual Studio
137+ - Visual Studio Code
138+ - Build Tasks
139+ - Minification
140+ - Compilation
141+ - Concatenatio
142+ - Uglification
143+ - Image Optimization
144+ - Unit Testing
145+ - Build Tools
146+ - Grunt
147+ - Gulp
148+ - Brunch
149+ - Yeoman
150+ - Lineman
151+ - Cake
152+ - Broccoli
153+ - Debug
154+ - Developer Tools
155+ - Firebug
156+ - Dragonfly
157+ - Fiddler
158+ - Performace
159+ - YSlow
160+ - jsPerf
161+ - Speed Tracer
162+ - Dynatrace
163+ - PageSpeed
164+ - Base Tools
165+ - Node.js
166+ - Phantom.js
167+ - Quality
168+ - JSLint
169+ - JSHint
170+ - jscs
171+ - Closure Linter
172+ - SonarQube
173+ - Package
174+ - NPM
175+ - Bower
176+ - Test
177+ - QUnit
178+ - Jasmine
179+ - Mocha
180+ - Selenium
181+ - WebDriverJS
182+ - Nightwatch.js
183+ - Protractor
184+ - Chai
185+ - Sinon
186+ - Karma
187+ - Nodeunit
188+ - Frameworks/Libraries
189+ - JavaScript base library
190+ - jQuery
191+ - Prototype
192+ - Zepto
193+ - MooTool
194+ - Underscore
195+ - Modular
196+ - ES6 Module
197+ - CommonJS
198+ - webpack
199+ - browserify
200+ - AMD
201+ - RequireJS
202+ - JavaScript framework
203+ - AngularJS
204+ - Backbone
205+ - Knockout
206+ - Ember
207+ - React
208+ - polymer
209+ - flux
210+ - Dojo
211+ - Deft.js
212+ - UI framework
213+ - Bootstrap
214+ - ZURB
215+ - YUI
216+ - Ext JS
217+ - Toast
218+ - YAML
219+ - ResponsiveGS
220+ - Semantic UI
221+ - Foundation
222+ - Vue
223+ - Material UI
224+ - WebSocket
225+ - Socket.io
226+ - web-socket-js
227+ - Data Visualization
228+ - D3
229+ - Echarts
230+ - HighCharts
231+ - Vis.js
232+ - Flot
233+ - WebGL
234+ - Three.js
235+ - Babylon.js
236+ - Pixi.js
237+ - CSS3 Animation
238+ - Animate.css
239+ - bounce.js
240+ - Effeckt.css
241+ - move.js
242+ - CSS Pre-processors
243+ - SCSS
244+ - LESS
245+ - Hat
246+ - SASS
247+ - Compass
248+ - Bourbon
249+ - Gumby
250+ - Stylus
251+ - Nib
252+ - Template
253+ - Markdown
254+ - Handlebars
255+ - Haml
256+ - Slim Ruby
257+ - Jade
258+ - Ejs
259+ - Modernisation
260+ - Normalize
261+ - Reset
262+ - Functional
263+ - backon.js
264+ - immutable.js
265+ - Flow Controller
266+ - ES6
267+ - Promise
268+ - Bluebird
269+ - q
270+ - When.js
271+ - Generator
272+ - ES7
273+ - yield
274+ - await
275+ - async
276+ - co
277+ - Best Practices
278+ - SEO
279+ - Responsiveness
280+ - CDN
281+ - Security
282+ - SSL
283+ - OAuth
284+ - Sandbox
285+ - XSS
286+ - CSRF
287+ - CORS
288+ - Intermediate Languages
289+ - CoffeeScript
290+ - TypeScript
291+ - Dart
292+ - LiveScript
293+ - ClojureScript
294+ - Platforms
295+ - PhoneGap
296+ - Cordova
297+ - Appcelerator Titanium
298+ - appMobi
299+ - trigger.io
300+ - Mobile UI
301+ - Sencha
302+ - jQueryMobile
303+ - Kendo UI
304+ - Jo
305+ - WinkUI
306+ - DojoMobile
307+ - Lungo
76308
77- URI, Session, Authentication, Request method (GET, POST, HEAD, PUT, DELETE, TRACE, OPTIONS, PATCH, CONNECT), Request (Headers, Body), Response (Headers, Body), Status Code (2xx, 3xx, 4xx, 5xx ...) | HTTP/1.1
78309
79- Internet Explorer, Chrome, Firefox, Safari, Opera, Edge, Netscape ;-) | Browser
80310
81311
82- OS
83312
0 commit comments