2016/2017 Web Development Concept Map

Aug 19, 2016

This is From Web Development Concept Map

Web开发Web Development
- 前端基础Basic Front End
  - 编辑器Text Editors
  - HTML
  - CSS
  - Javascript 基础
  - 前端工程师Front End Developer
    - ES6/ES2015 (Babel)
    - CSS相关CSS Tools
      - 预编译器Precompilers: SASS / LESS / Stylus
      - CSS Frameworks: Bootstrap / Foundation
      - Responsive Design with CSS
    - 前端构建工具Frond End Build Tools
      - 自动构建Task Runners
        
        Gulp
        
        Grunt
      - 依赖管理Dependency Management
        
        Browserify
        
        Webpack
      - Bower/package management
      - Yeoman.io
    - 框架MV* Javascript Frameworks
      - React.js
        
        Mobx
        
        Flux
        
        Redux
        
        Relay
        
        GraphQL
        
        create-react-app
      - Angular.js
      - Ember.js
      - Vue.js
      - 单元测试Unit Testing
        
        Mocha
        
        Jasmine
        
        Karma
        
        enzyme (testing react)
      - Clojurescript
      - Elm
- No Matter Which Route You Take
- 后端Back End
  - 脚本语言Scripting Languages
    - Node.js ( express^, hapi^)
    - Python ((django)[https://www.djangoproject.com/], flask^)
    - Ruby(Ruby on Rails, Sinatra^)
    - PHP((Laravel)[http://www.golaravel.com/], Symfony2, Lumen^)
  - 函数式语言Functional Languages
    - Elixir
    - Scala
    - Clojure
    - Haskell
  - 高性能语言High-Performance/Compiled Languages
    - Go / GoLang
    - Rust
    - Java
    - C#
  - 开发运维Dev Ops
    - 云平台Web Platforms
      - 新浪云
      - Digital Ocean
      - Amazon Web Services (AWS)
      - Azure
      - Rackspace
      - Heroku
    - 服务器管理Server Management (configuration management or CM)
      - Linux
      - Docker
      - Ansible
      - Salt
      - Chef
      - Puppet
    - Docker (containerized applications and databases)
      - 大型Big Scale: Kubernetes, Mesos
      - 小型Small Scale: Docker Swarm, Docker 1.12 swarm
      - 图形化界面UI-Driven: Dao Cloud
    - 持续测试/部署Continuous Testing & Delpoyment
      - flow.ci
      - Travis CI
      - Jenkins (on your own hardware)
      - SemaphoreCI
      - CircleCI
      - Codeship
  - 数据Data
    - 关系型数据库Relational: MySQL, PostgreSQL
    - 缓存Redis / sessions / caching
    - 非关系型数据库Document: MongoDB, Couchbase, RethinkDB
    - 搜索引擎数据库Search Engine: ElasticSearch, Solr
    - 缓存Caching
      - Nginx (Server)
      - Apache (Server)
      - Database (Redis)
      - In-Memory
  - 其他相关Things to Learn
    - Unit/Functional Testing for Chosen Technology
    - API’s / RESTful Services
    - Security
    - 验证Authorization/Authentication
      - OAUTH2
      - JSON WebToken
    - SOA (Service Oriented Architecture) / Microservices
    - Deploying your app (flightplan: nodejs, Fabric: python, Capistrano: ruby)
    - websocket
    - ORM/Data Structure

2016/2017 Web Development Concept Map

Do Not Remain Silent