Web 前端技术图谱

Web前端开发技术栈
- 浏览器
  - Internet Explorer
  - Chrome
  - Firefox
  - Safari
  - Opera
  - Edge
  - Netscape
- 协议
  - HTTP/1.1
    - 链接
    - 会话
    - 授权
    - 请求
    - 响应
  - HTTP/2
    - 压缩
    - 打包
    - 服务器端推送
  - WebSocket
- Web三剑客
  - HTML (HyperText Markup Language)
  - CSS (Cascading Style Sheets)
  - JavaScript
- 标准
  - W3C
    - HTML
    - CSS
    - XHTML
    - XML
- 核心概念
  - HTML
    - DOM
    - Element
    - Attribute
  - JavaScript
  - CSS
    - Selector
    - Priority
    - Specificity
    - Box Model
- 渲染引擎
  - Trident (IE)
  - Blink / prev. WebKit (Chrome)
  - Gecko (Firefox)
  - WebKit (Safari)
  - Blink / prev. Presto (Opera)
  - EdgeHTML (Edge)
- 脚本引擎
  - JScript (IE8- / ASP)
  - Chakra (IE9+ / Edge)
  - V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub]
  - SpiderMonkey (Firefox)
  - JavaScriptCore (Safari)
- 运行时
  - Cookie
  - Local Cache
  - Session Storage
  - Local Storage
  - Components
    - Extensions
    - Plugins
  - Resources
    - Images
    - Icons
    - Fonts
    - Audios
    - Videos
- 编辑器
  - Sublime Text
  - WebStorm
  - Atom [GitHub]
  - Vim
  - Emacs
  - Brackets [GitHub]
  - Light Table [GitHub]
  - Visual Studio
  - Visual Studio Code (Linux & Mac) [GitHub]
  - Dreamweaver ;-)
  - FrontPage / SharePoint Designer ;-)
- 编译任务
  - 精简
  - 编译
  - 合并
  - 混淆
  - 图像优化
  - 单元测试
- 编译工具
  - Grunt [GitHub]
  - Gulp [GitHub]
  - Brunch [GitHub]
  - Yeoman
  - Broccoli [GitHub]
- 调试
  - Developer Tools
  - Firebug [GitHub]
- 基础工具
  - Node.js [GitHub]
  - Phantom.js [GitHub]
  - SpiderMonkey
- 质量控制
  - JSLint [GitHub]
  - JSHint [GitHub]
  - jscs [GitHub]
  - Closure Linter
- 包管理
  - npm [GitHub]
  - Bower [GitHub]
- 测试
  - 工具
    - QUnit [GitHub]
    - Jasmine [GitHub]
    - Mocha [GitHub]
    - Selenium [GitHub]
    - WebDriverIO [GitHub]
    - Protractor
    - Chai [GitHub]
    - Sinon.JS [GitHub]
    - Karma [GitHub]
    - nodeunit [GitHub]
    - tape [GitHub]
    - nightmare [GitHub]
  - 在线工具
- 库 / 框架
  - 基础库
  - 模块化
    - ES6 Module
    - CommonJS
      - webpack [GitHub]
      - browserify [GitHub]
    - AMD
      - RequireJS [GitHub]
    - UMD
      - umd [GitHub]
  - 框架
    - AngularJS [GitHub]
    - Backbone [GitHub]
    - Knockout [GitHub]
    - Ember [GitHub]
    - React [GitHub]
    - polymer [GitHub]
    - Deft.js [GitHub]
    - Vue [GitHub]
    - Riot [GitHub]
  - UI框架
  - WebSocket
    - Socket.io [GitHub]
    - web-socket-js [GitHub]
  - 数据可视化
    - D3 [GitHub]
    - Echarts [GitHub]
    - HighCharts [GitHub]
    - Vis.js [GitHub]
    - Flot [GitHub]
  - WebGL
  - CSS3 动画
  - 流程控制
    - ES6
      - Promise
      - Generator
    - ES7
      - yield
      - await
    - async [GitHub]
    - co [GitHub]
    - Promise
      - Bluebird [GitHub]
      - q [GitHub]
      - when.js [GitHub]
  - 函数式编程
  - 手机 UI 框架
- CSS 预处理器
  - LESS
    - LESS [GitHub]
    - Hat [GitHub]
  - Sass(SCSS)
  - Stylus
    - nib [GitHub]
- 未来标准
  - babel [GitHub]
- 模板引擎
  - Handlebars [GitHub]
  - Haml [GitHub]
  - Slim [GitHub]
  - Jade [GitHub]
  - Ejs
  - Spacebars
  - mustache [GitHub]
- 统一化
  - Normalize [GitHub]
  - Reset
- 最佳实践
  - SEO
  - Responsiveness
  - CDN
- 安全
  - Sandbox
  - XSS
  - CORS
- 中间语言
  - CoffeeScript [GitHub]
  - TypeScript [GitHub]
  - ClojureScript [GitHub]
  - JSX (Facebook)
- 移动应用开发
  - PhoneGap / Cordova [GitHub]
  - MUI [GitHub]
  - React Native [GitHub]
  - Ionic [GitHub]
- 桌面应用开发
  - Electron [GitHub]
  - NW.js [GitHub]

来自：https://github.com/unruledboy/WebFrontEndStack

HTML教程 HTML5教程 HTML参考手册 HTML字符集 HTML标签 HTMLDOM教程 CSS教程 CSS3教程 Bootstrap3教程 Bootstrap4教程 FontAwesome图标 Foundation5教程 CSS参考手册 JavaScript教程 JavaScript对象 HTMLDOM对象 jQuery教程 JSON教程 AngularJS教程 Angular2教程 Vue.js教程 React教程 jQueryUI教程 jQueryEasyUI教程 AJAX教程 Highcharts教程 GoogleMapsAPI教程 ES6教程 TypeScript教程 ES6标准入门 PHP教程设计模式正则表达式-教程 WebServices教程 Python2教程 Python3教程 Django教程 NumPy教程 ASP.NET教程 C#教程 Ruby教程 Go语言教程 Java教程 Servlet教程 JSP教程 Maven教程 Node.js教程 C语言教程 C++教程 Perl教程 Lua教程 Scala教程 ASP教程 VBScript教程 Linux教程 Docker教程 SQL教程 MySQL教程 SQLite教程 MongoDB教程 Redis教程 Memcached教程 ADO教程 Android教程 Swift教程 jQueryMobile教程 ionic教程 Kotlin教程 XML教程 DTD教程 XMLDOM教程 XSLT教程 XPath教程 XQuery教程 XLink教程 XMLSchema教程 XSL-FO教程 SVG教程 SOAP教程 RDF教程 WSDL教程 RSS教程 AppML教程 Eclipse教程 Git教程 SVN教程 Firebug教程 HTTP教程网站建设指南浏览器信息网站主机教程 TCP/IP教程 W3C教程网站品质教程