浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera Edge 持续学习

HTTP协议URI Cache Session Cookie Request Response 持续学习

HTMLW3C HTML4.01 HTML5 DOM 语义化 持续学习

CSSCSS1~3 选择器 盒模型 Flex 媒体检测 响应式 渲染引擎 媒体检测，响应式，渲染引擎

JavaScriptEcmaScript356 Lexical-scope prototype-chain AJAX js引擎

编辑器Emacs Vim WebStorm Atom Sublime-Text 学习WebStorm

发布部署合并 压缩 单元测试 Node.js Grunt Gulp Yeoman Phantom JSLint

框架类库jQuery Zepto UnderScore Backbone Knockout React AngularJS

模块管理CommonJS Webpack

UI框架BootStrap SemanticUI jQueryUI Foundation

推送技术WebSocket 轮询 长连接

跨域技术iframe JSONP CORS

数据可视化D3 Echarts HighCharts Canvas

异步编程Promise $.Deferred Generator

CSS预处理器LESS SASS Stylus

客户端模板Handlebars Haml Jade Mustache

相关语言CoffeeScript TypeScript Dart WebAssembly

WebApp/PCReact-native ionic

环境：nodejs (Node.js)
包管理：npm (https://www.npmjs.com/) 框架：react/vue (A JavaScript library for building user interfaces, vue.js)
架构：redux (rackt/redux · GitHub)
打包：webpack (webpack module bundler)
构建：gulp (gulp.js - the streaming build system)
编译：babel (Babel 路 The compiler for writing next generation JavaScript)
合并请求：htmlone (https://www.npmjs.com/package/gulp-htmlone) 预处理器：sass (Sass: Syntactically Awesome Style Sheets)
后处理器：postCSS (postcss/postcss · GitHub)
自动前缀：autoprefixer (postcss/autoprefixer · GitHub)
适配方案：lib-flexible&px2rem (amfe/lib-flexible · GitHubhttps://www.npmjs.com/package/postcss-px2rem) 框架调试工具：vue-devtools/react-devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpdhttps://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) 开发服务器：这个随便，主要是配合hot-loader：(gaearon/react-hot-loader · GitHubvuejs/vue-hot-reload-api · GitHub)

浏览器
渲染引擎、JavaScript引擎
HTML/JavaScript/CSS三支柱
编辑器
编译任务
编译工具
打包、调试、质量
测试
JS基础类库
JS类库
UI框架
CSS预处理器
模板
现代化
安全/模式
中间语言
跨平台解决方案