H5工程师成长之路

基础篇

HTML/CSS、JavaScript、DOM

中级篇

数据格式（如JSON、XML）、RESTful API交互（如JQuery Ajax，Fetch API，ReactiveX）、可用性、正则表达式、 XML语义化、命令行、Node.js、DIV/CSS、SCSS/SASS、矢量图形/矢量图形动画（如SVG）、单页面应用

高级篇

ES6/TypeScript、CSS3、面向对象编程、函数式编程、MVC/MVVM/MV*、安全性（如跨域）、授权（如HTTP Basic，JWT等）

工程化

代码质量（如JSLint、ESLint、TSLint、CSLint）、代码分析（如Code Climate）、测试覆盖率、构建系统（glup,grunt,webpack等）、自动构建（脚本）

兼容性

跨浏览器测试（如Chrome,IE,Safari,Firefox等）、跨设备测试（如Desktop，Android，IOS）、跨版本测试（同一浏览器的不同版本 Window phone等）

设计

切页面，线框图（Wireframe）、网格布局（Grid Layout）、Fiexbox布局、响应式设计

性能与优化

PageSpeed/Yslow优化、加载优化（如gzip压缩，缓存等）、性能测试（特别是移动WEB）、可用性、压缩（如Minify，Uglify，CleanCSS等）

测试

单元测试、服务测试、UI测试、集成测试

调试

浏览器调试、Debug工具、Wireshark/Charles抓包、远程设备调试（如Chrome Insepect Devices）

软件工程

版本管理（如git，svn）、包管理（如npm，bower）、依赖管理、模块化（如Common JS，WebPack）

SEO

Sitemap（站点地图）、内部链接建设、MicroData/MicroFormat、页面静态内容生成、H1，H2，H3和strong使用、Title，Description优化

前端特定

CSS/CSS3动画、JavaScript动画、Web字体嵌入、Icon字体、图形和图表、CSS Sprite(如glue)、DOM操作（如JQuery，React等）、模板引擎（如JSX，Handlebar，JSP，Mustache