1、2016前端生态圈Web平台部 孔纯 2016.10先看一段代码大家认识哪些？近几年前端发展速度把还没有实现的语言特性都用到生成环境中了前端发展趋势 (1) 2009 基础类库完善，寻求突破 jQuery/Prototype/Dojo/ExtJS 2010 看齐标准，关注 Web 性能 Dojo/ExtJS/IE9/HTML5 2011 HTML5 扛大旗，Flash 堪忧 HTML5 游戏火爆/NodeJS 2012 响应式开发，工程化推进 Touch/Zepto.js/JQ Mobile/ AMD、CMD、UMD前端发展趋势 (2) 2013 爆发式增长，百花齐放 Less/Sass/ H
2、ybrid/PhoneGap/ Express 2014 移动端的崛起，HTML5 和 ES6 落地 vue/angular/knockout 2015 观念的转变，步入前端工业化生产 react/grunt/browserify/gulp/webpack/npm 2016 生态的自我完善和自我拓展 ES6/Http2/angular/Vue/react/webpack技术发展演变(1) 框架层面： backbone - angular - react 构建工具：grunt - gulp - webpack 语言：JavaScript 1.3 - ECMA 5 - ECMA 2015 -ES6
3、+CSS2.1 - CSS3.0XHTML - HTML4.0 - HTML5.0技术发展演变(2) 服务端框架： Express - koa 移动应用： PhoneGap - Cordova | ionic - React Native | weex 桌面应用： NW.js - Electron技术发展演变(3) 语法检查： jslint - eslint 模块化： AMD | CMD - Commonjs - import export 语法增强： CoffeeScript - Dart - TypeScript 客户端JS是如何工作的? js基础/DOM/async/ajax 框架是什么
4、? jquery/easyui/react/angular/backbone 我应该怎样编写JS? ES5/ES2015/ES6+/Babel 如何使用他人的代码? AMD/CMD/ES6模块/npm/github 需要NodeJS么? npm/nvm 我们用什么构建? gulp/bower/bowerserify/webpack 怎样进行测试？ karma/Jasmine/PhantomJS新手如何入门？项目中我们需要什么？前端发展方向 布局/动画/交互 html5/css3/js 架构/模块/性能 ES5/ES6/AMD/CMD 构建/部署/工具 gulp/webpack与Java技术类比类别 JS Java语法 ES6 Java开发环境 Sublime/WebStorm Eclipse编译工具 Babel JDK打包工具 Webpack/gulp ant/maven模块依赖 NPM Maven代码管理 github svn服务器 nodeJS tomcat/jettyQ&A完
