1. 青铜
   1. html
      1. 1.浏览器与浏览器内核、 2.语法及使用 3.常用标签 4.语义化 5.表单元素 6.HTML5 新增标签
   2. css
      1. 1.基本语法规范 2.常用的基本选择器用法与技巧 3.复合选择器使用、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧、圆角、阴影、过渡等新属性、定位和浮动、伪类和伪元素、 4.CSS高级技巧（精灵图、滑动门、CSS三角等）、CSS常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案
2. 白银
   1. html5
      1. 1.新布局标签 2.多媒体标签 3.新增表单标签 4.新增表单属性
   2. css3
      1. 1.Flex伸缩布局、 2. 变换（2D/3D）、animation 动画
   3. 移动端适配、移动端调试
      1. 1.移动端屏幕、移动端浏览器、移动端操作系统、真机调试、 2.viewport 视口、rem 单位使用、移动端主流适配解决方案、 3.常见移动端样式兼容方案、预处理器 less、媒体查询
3. 黄金
   1. JavaScript 基础
      1. 基本语法 常用数据结构 编码规范约定 内置对象常用方法 常见 JavaScript 算法大全 对象的创建方式和 this 讲解 构造函数
   2. Web APIs 编程
      1. BOM 操作大全 DOM 操作大全 网页特效大全 事件处理流程 浏览器兼容性解决方案 封装动画函数
   3. JavaScript 高级
      1. 面向对象思想 JavaScript 中的对象深入理解 JSON 使用 闭包原理以及使用场景 原型以及原型链深入剖析 作用域链深入分析 函数的调用方式及 this 指向总结 正则表达式 面向对象理论与实践 ECMAScript 2015 (ES6) 新语法
   4. jQuery 快速开发
      1. jQuery 的优势 jQuery 选择器 jQuery 中的动画 链式编程和隐式迭代 插件使用和制作 常见网页特效制作
4. 铂金
   1. Node.js 基础
      1. 环境安装、REPL 运行环境、 Node 中的 JavaScript、 模块系统、模块加载机制、模块与包、 NPM 常用命令、文件操作
   2. 异步编程
      1. 回调函数 Promise 对象 Generator 生成器函数 Async 函数 常用异步流程控制库
   3. Express
      1. 安装与初始化 路由系统 静态资源处理 中间件使用及原理 常用第三方中间件 模板引擎 错误处理 调试 Express 应用 常用 API
   4. 接口开发
      1. 前后端分离架构模式 RESTFul API 设计 接口测试工具
   5. 前端模块化
      1. 模块化开发基本概念 模块化演变过程分析 设计规范
   6. AJAX 编程
      1. 模块化开发基本概念 模块化演变过程分析 同步与异步概念、 原生 AJAX、jQuery 的 AJAX 相关 API 使用 底层原理分析 缓存问题及解决方案 跨域请求及解决方案 前端模板引擎
5. 钻石
   1. 大数据可视化
      1. 数据库可视化基础 D3.js 入门 ECharts 其它可视化库
   2. vue.js
      1. Vue 实例、文本与属性绑定、计算属性 computed、侦听器 watch、Class 与 Style 绑定、条件渲染、列表渲染、事件处理、表单输入绑定、Vue 实例生命周期、开发 Vue 插件和模板过滤器、自定义指令、Vue 组件系统、Vue 过渡和动画、 Vue Router 路由系统、 axios 请求库、 Vue CLI 脚手架工具、 Vue DevTools 调试工具、 Vuex 状态管理、 Vue Server Renderer 服务端渲染
   3. webpack
      1. 安装与初始化 打包 JavaScript 模块、打包 CSS 模块、打包图片和字体文件模块、打包 less/sass 资源模块 其他常用 loader 加载器 使用 clean-webpack-plugin 插件清除打包结果目录 使用 HtmlWebpackPlugin 打包 HTML 资源、处理打包结果的 Source maps、监视打包模式 使用 webpack-dev-server、模块打包热更新、tree shaking 打包优化 生产环境和开发环境分离打包 打包优化之 Code Splitting 代码分割 打包优化之模块懒加载、打包优化之缓存
   4. React.js
      1. 安装与初始化 create-react-app 脚手架工具 React 组件系统 JSX 语法 事件处理、条件渲染、列表渲染和 key 表单处理 React Router 路由系统 Redux 状态管理架构 Axios 请求库 Ant Design 组件框架 CSS Modules React 单元测试
   5.  小程序开发
      1. 小程序注册 小程序开发者工具使用及项目初始化 小程序全局配置及页面配置 小程序常用组件标签 小程序的模板语法 小程序中的样式编写 小程序中的 JavaScript 小程序应用及页面的生命周期 小程序常用 API 小程序中的自定义组件 小程序插件开发 小程序分包加载 小程序基础库版本及兼容处理 小程序运行机制 小程序性能分析及优化
   6. 小游戏开发
      1. 使用开发工具初始化小游戏项目 小游戏的文件结构 小游戏的配置 在小游戏中使用 Canvas 小游戏 Adapter 适配器 小游戏对主流开发引擎支持 小游戏分包加载 小游戏音频系统与文件系统 小游戏性能调试
6. 星耀
   1. 前端工程化
      1. 工程化概念、模块化开发及常用工具（Webpack4、Parcel、Rollup）、 项目规范化及常用工具（ESLint、StyleLint）、 前端自动化及常用工具、自动化测试及常用工具（istanbul、jest、benchmark）
   2. JavaScript 进阶
      1. Flow 类型检查、TypeScript 适应超大型的应用编码
   3. MVVM 框架实现
      1. Vue.js 原理、Vue.js 使用进阶、模拟实现 Vue.js 框架
   4. 服务端渲染 SSR
      1. 1.React.js 服务端渲染方案及 Next.js 框架 2.Vue.js 服务端渲染方案及 Nuxt.js、 3.Angular 服务端渲染方案及 Universal Angular
   5. 混合式 App 开发
      1. Webview + H5、JSBridge
   6. 原生应用开发
      1. Flutter、React Native、Weex
7. 最强王者
   1. Node.js 网络通信
      1. TCP 协议、net 模块、Socket
   2. Node.js 事件循环与多进程
      1. EventLoop、Cluster
   3. Node.js操作数据库
      1. Redis / MongoDB / Memcached 基本使用及如何通过 Node.js 操作
   4. Web 应用开发框架
      1. Adonis.js、Egg.js、Koa
8. 荣耀王者
   1. 前端性能优化
      1. JSPerf、YSlow、PageSpeed
   2. 项目质量监测
      1. Lint、e2e test、codecov、Benchmark
   3. 自动化测试
      1. Mocha、Jest、AVA、Karma、Nightmare
   4. 持续集成与持续部署
      1. Jenkins、TravisCI、CircleCI
   5. Linux 服务器
      1. Nginx、HTTP(s)、ECS、RDS、SLB 云服务
   6. 容器化运维操作
      1. Docker 操作、部署、运维