前端开发成长路线2017

前端开发成长路线2017

基础

• HTML
• CSS
• JavaScript
  • jQuery

进阶

• CSS

  • 响应式开发
  • 框架
    • bootstrap
    • Foundation
    • Materialize
  • 预处理
    • Sass
    • Less
  • CSS3
    • flexbox
      1. flex演示
      2. 关于flexbox你所需要知道的全部
    • gradients（渐变）
    • grid（栅格）
    • transform（变化）
      • rotate（旋转）
      • skew（倾斜）
      • scale（放缩）
    • transition（etc.）

• JavaScript

  • 设计模式（design pattern）
  • 正则表达式（RegEx）
  • 测试技术

• SVG （可缩放矢量图形，Scalable Vector Graphics）

附原始路线图：