前端技術學習線路

1. 前端

1.1 工具

1.1.1 構建工具

• webpack

1.1.2 編譯工具

• babel

• browserify

• ...

1.1.3 包管理工具

• npm

1.2 前端類庫和框架

1.2.1 類庫

• jquery

• zepto

• react

• redux

1.2.2 mvc框架

• angular1.0

• angular2.0

1.2.3 mvvm框架

• vuejs

1.2.4 UI框架

• bootstrap

• amazeui

• ionic

• framework7

• materialui

1.3 設計風格

• 扁平化

• 3D

• material design

1.4 Js語言相關

• es6

• es7

• typescript

• coffeescript

1.5 css預處理器

• less

• sass

• stylus

• postcss

1.6 模塊化規範

• amd

• cmd

• commonjs

• umd

• es6 Module

1.7 測試

• mocha

1.8 響應式方案

• 百分比

• media query

• em和rem

• lib-flexible

• hotcss

1.9 編輯器和IDE

• sublime

• atom

• webstorm

1.10 移動開發

• html5 + css3

• react-native

• phonegap

• meteor

• Cordova

• 微信開發

2. Node相關

2.1 框架

• express

• koa

2.2 優秀第三方包

2.3 數據庫

• mongodb

• mysql