WebFrontEndStack

Web前端开发技术栈，大约20个层级，大约100个技术点，从底层一直到最顶层

The Web Front End Stack

• Web Front End
  • Browser
    • Internet Explorer
    • Chrome
    • Firefox
    • Safari
    • ？Opera
    • ？Edge
    • ？Netscape ;-)
  • Protocol
    • HTTP/1.1
      • URI
      • Session
      • Authentication
      • Request
      • Response
    • HTTP/2
      • Compression
      • Minification
      • Server Push
    • WebSocket
  • The 3 Pillars
    • HTML (HyperText Markup Language)
    • CSS (Cascading Style Sheets)
    • JavaScript
  • Standards
    • W3C
      • HTML
      • CSS
      • XHTML
      • XML
  • Core Concepts
    • HTML
      • DOM
      • Element
      • Attribute
    • JavaScript
      • Prototype
      • Scope
      • Closure
      • JSON (JavaSript Object Notation)
      • AJAX (Asynchronous JavaScript and XML)
    • CSS
      • Selector
      • Priority
      • Specificity
      • Box Model
  • Rendering Engine
    • Trident (IE)
    • Blink / prev. WebKit (Chrome)
    • Gecko (Firefox)
    • WebKit (Safari)
    • Blink / prev. Presto (Opera)
    • EdgeHTML (Edge)
  • JavaScript Engine
    • JScript (IE8- / ASP)
    • Chakra (IE9+ / Edge)
    • V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub]
    • SpiderMonkey (Firefox)
    • JavaScriptCore (Safari)
  • Runtime
    • Cookie
    • Local Cache
    • Session Storage
    • Local Storage
    • Components
      • Extensions
      • Plugins
    • Resources
      • Images
      • Icons
      • Fonts
      • Audios
      • Videos
  • Editors
    • Sublime Text
    • WebStorm
    • Atom [GitHub]
    • Vim
    • Emacs
    • Brackets [GitHub]
    • Light Table [GitHub]
    • Visual Studio
    • Visual Studio Code (Linux & Mac) [GitHub]
    • Dreamweaver ;-)
    • FrontPage / SharePoint Designer ;-)
  • Build Tasks
    • Minification
    • Compilation
    • Concatenation
    • Uglification
    • Image Optimization
    • Unit Testing
  • Build Tools
    • Grunt [GitHub]
    • Gulp [GitHub]
    • Brunch [GitHub]
    • Yeoman
    • Broccoli [GitHub]
  • Debug
    • Developer Tools
    • Firebug [GitHub]
  • Base Tools
    • Node.js [GitHub]
    • Phantom.js [GitHub]
    • SpiderMonkey
  • Quality
    • JSLint [GitHub]
    • JSHint [GitHub]
    • jscs [GitHub]
    • Closure Linter
  • Package
    • npm [GitHub]
    • Bower [GitHub]
    • yarn [GitHub]
  • Test
    • Tools
      • QUnit [GitHub]
      • Jasmine [GitHub]
      • Mocha [GitHub]
      • Selenium [GitHub]
      • WebDriverIO [GitHub]
      • Protractor
      • Chai [GitHub]
      • Sinon.JS [GitHub]
      • Karma [GitHub]
      • nodeunit [GitHub]
      • tape [GitHub]
      • nightmare [GitHub]
      • Enzyme [GitHub]
    • Composite
      • Sauce Labs
      • Browser Stack
      • Browser Shots
      • Browserling
      • Browser Sandbox
      • Cross Browser Testing
      • Browsera
      • SortSite
  • Frameworks / Libraries
    • JavaScript base library
      • jQuery [GitHub]
      • Prototype [GitHub]
      • Zepto [GitHub]
      • MooTool [GitHub]
    • Modular
      • ES6 Module
      • CommonJS
        • webpack [GitHub]
        • browserify [GitHub]
      • AMD
        • RequireJS [GitHub]
      • UMD
        • umd [GitHub]
    • JavaScript Framework
      • AngularJS [GitHub]
      • Backbone [GitHub]
      • Knockout [GitHub]
      • Ember [GitHub]
      • React [GitHub]
      • polymer [GitHub]
      • Deft.js [GitHub]
      • Vue [GitHub]
      • Riot [GitHub]
    • UI framework
      • Bootstrap [GitHub]
      • Semantic UI [GitHub]
      • Foundation [GitHub]
      • Material UI [GitHub]
      • WinJS [GitHub]
      • Pure [GitHub]
      • Amaze UI [GitHub]
      • Onsne UI [GitHub]
      • iView UI [GitHub]
    • WebSocket
      • Socket.io [GitHub]
      • web-socket-js [GitHub]
    • Data Visualization
      • D3 [GitHub]
      • Echarts [GitHub]
      • HighCharts [GitHub]
      • Vis.js [GitHub]
      • Flot [GitHub]
    • WebGL
      • Three.js [GitHub]
      • Babylon.js [GitHub]
      • Pixi.js [GitHub]
    • CSS3 Animation
      • Animate.css [GitHub]
      • bounce.js [GitHub]
      • Effeckt.css [GitHub]
      • move.js [GitHub]
    • Flow Controller
      • ES6
        • Promise
        • Generator
      • ES7
        • yield
        • await
      • async [GitHub]
      • co [GitHub]
      • Promise
        • Bluebird [GitHub]
        • q [GitHub]
        • when.js [GitHub]
    • Functional
      • bacon.js [GitHub]
      • immutable.js [GitHub]
      • ramda [GitHub]
      • underscore.js [GitHub]
      • lodash [GitHub]
      • ReactiveX [GitHub]
    • Mobile UI
      • jQuery Mobile [GitHub]
      • Jo [GitHub]
      • Dojo Mobile
      • Lungo [GitHub]
  • CSS Pre-processors
    • LESS
      • LESS [GitHub]
      • Hat [GitHub]
    • Sass(SCSS)
      • Compass [GitHub]
      • Bourbon [GitHub]
      • Gumby [GitHub]
    • Stylus
      • nib [GitHub]
  • Future Standards
    • babel [GitHub]
  • Template
    • Handlebars [GitHub]
    • Haml [GitHub]
    • Slim [GitHub]
    • Jade [GitHub]
    • Ejs
    • Spacebars
    • mustache [GitHub]
  • Modernisation
    • Normalize [GitHub]
    • Reset
  • Best Practices
    • SEO
    • Responsiveness
    • CDN
  • Security
    • Sandbox
    • XSS
    • CORS
  • Intermediate Languages
    • CoffeeScript [GitHub]
    • TypeScript [GitHub]
    • ClojureScript [GitHub]
    • JSX (Facebook)
  • Mobile Application Development
    • PhoneGap / Cordova [GitHub]
    • MUI [GitHub]
    • React Native [GitHub]
    • Ionic [GitHub]
  • Desktop Application Development
    • Electron [GitHub]
    • NW.js [GitHub]