前端技术学习线路

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