modern web develop tool and skill

1. MODERN WEB
DEVELOP

2. MODERN WEB DEVELOP
TOOLS
▸AJAX
▸Client Side Template
▸Client Side Router
▸Client Side MVC
▸Module (AMD ,CommonJS, ES6 Module)
▸Restful API (CRUD)
▸Precompile Develop
▸Automate Tool

3. MODERN WEB DEVELOP
FRAMEWORK
▸JS Framework (Backbone, AngularJS ,ReactJS+FLUX)
▸JS (JavaScript , CoffeeScript ,TypeScript ,ES6)
▸CSS(SASS ,SCSS , LESS)
▸NodeJS(Express ,Socket.IO)
▸Template(underscore ,jade,Nunjucks)

4. MODERN WEB DEVELOP
FRONTEND
▸jQuery
▸underscore
▸director
▸CoffeeScript

5. MODERN WEB DEVELOP
UI
▸Bootstrap
▸material design
▸Compass ,SCSS
▸iconfont

6. MODERN WEB DEVELOP
BACKEND
▸nodejs
▸express
▸socket.io
▸jwt(Json Web Token)

7. MODERN WEB DEVELOP
DEVELOP TOOL
▸gulp
▸git
▸sublime text

8. MODERN WEB DEVELOP
BCC FRONTEND
▸Config
▸Route
▸Template
▸i18n
▸minify

9. MODERN WEB DEVELOP
API SERVER
▸Config
▸Route
▸Http ,Https ,Socket ,WebSocket
▸i18n
▸Template
▸log2db

10. MODERN WEB DEVELOP
WORK FLOW
▸Version Control :Git
▸Automate Deploy:Gulp
▸Bug Issue Report:Redmine

11. MODERN WEB DEVELOP
RESOURCE
▸github
▸npm
▸JavaScript Weekly ,HTML5 Weekly , Nodejs Weekly
▸FB

12. MODERN WEB DEVELOP
NEXT STEP
▸ES6
▸Webpack
▸React
▸FLUX