前端技能图谱(草稿)

• 基础

• HTML / CSS

• JavaScript

• Node.js

• 正规表达式

• 数据格式（如JSON、XML）

• RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）

• 命令行

• 中级

• ES6 / CoffeScript / TypeScript

• SCSS / SASS

• CSS3

• HTML语义化

• 面向对象编程

• 函数式编程

• MVC / MVVM / MV*

• 矢量图形 / 矢量图形动画（如SVG）

• 单页面应用

• 安全性（如跨域）

• 授权（如HTTP Basic、JWT等等）

• 工程化

• 代码质量（如JSLint / ESLint / TSLint / CSLint）

• 代码分析（如Code Climate）

• 测试覆盖率

• 构建系统（gulp、grunt、webpack等等）

• 自动构建（脚本）

• 兼容性

• 跨浏览器测试 （Chrome，IE，Firefox，Safari等等）

• 跨平台测试（Windows、GNU/Linux，Mac OS等等）

• 跨设备测试（Desktop，Android，iOS，Windows Phone）

• 跨版本测试（同一个浏览器的不同版本）

• 前端特定

• CSS / CSS3 动画

• JavaScript 动画

• Web字体嵌入

• Icon 字体

• 图形和图表

• CSS Sprite（如glue）

• DOM操作（如jQuery、React等等）

• 模板引擎（如JSX、Handlebars、JSP、Mustache等等）

• 软件工程

• 版本管理（如git、svn）

• 包管理（如npm、bower）

• 依赖管理

• 模块化（如CommonJS、WebPack）

• 调试

• 浏览器调试

• Debug工具

• Wireshark / Charles抓包

• 远程设备调试（如Chrome Inspect Devices）

• 测试

• 单元测试

• 服务测试

• UI测试

• 集成测试

• 性能与优化

• PageSpeed / Yslow 优化

• 加载优化（如gzip压缩、缓存等等）

• 性能测试（特别是移动Web）

• 可用性

• 压缩（如Minify、Uglify、CleanCSS等等）

• 设计

• 切页面

• 线框图（Wireframe）

• 响应式设计

• 网格布局（Grid Layout）

• Flexbox布局

• SEO

• Sitemap（站点地图）

• 内部链接建设

• MicroData / MicroFormat

• 页面静态内容生成

详细内容，请期待Growth 2.0哈，Android用户可以从 http://fir.im/growth2 下载最新预览版。