1. 图解前端基础入门概览

1.1 图解前端开发工具

2. 图解 HTML

3. 图解 CSS

4. 图解 CSS 实例

5. 图解 JavaScript

6. 图解 JavaScript 实例

图解 Web API 的设计和使用：虽然大纲中提到了 Web API 的概念和使用，

7. 图解 Vue

子目录包含vue生态，周边框架，UI组件等

2/3:包含一个 UI 组件的基础

7.1 图解 Vue-VuePress

8. 图解 React:包含一个 UI 组件的基础

子目录包含react生态，周边框架，UI组件等

8.1 图解 ReactHooks

9.图解第三方库

------ 以上是基础使用，前期会使用即可，后期可以不断的深入 ------ 以下是保证代码质量

---- 代码规范

10. 图解 TS：包含 vue/react 结合使用

11. 图解前端测试

单元测试、端到端测试、自动化测试等。

---- 性能

12. 图解浏览器

浏览器原理

浏览器兼容

13.图解前端性能优化

使用 Service Workers、减少 HTTP 请求、使用 CDN 等。

---- 工程化与架构

图解前端工程化

Webpack、Gulp、Parcel 等，并深入了解它们的工作原理和使用方法。

图解设计模式(JS)

图解前端质量与安全

监控

构建与部署

图解前端架构的设计和实现

---- 基于前端技能的扩展，多平台，多端

图解微信小程序

图解 NodeJS

图解 Electron

图解 flutter

---- 基于基础知识与面试

图解算法

网络

图解前端面试

---- 基于工作的专题

图解前端专题：网站搭建

图解前端专题：数据可视化/图形图像（2D/3D）

图解前端专题：PWA

图解前端专题：Web RTC

图解前端专题：微前端

图解前端专题：动画

图解前端专题：AR/VR

图解低代码平台（前端部分）

图解低代码平台: 自定义报表系统

图解桌面应用转 Web 应用

图解前端开发的团队协作

Git、GitHub、JIRA、Slack