前端开发知识体系简单总结

第一部分：计算机基础知识储备

计算机网络基础、计算机编译原理、算法导论、设计模式初步认识、代码规范

第二部分：理论基础（新手入门）

1、创建网页（静态、动态）：HTML/HTML5、CSS/CSS3、JavaScript基础（源生）
2、编程语言：JavaScript（ES5、ES6+）、TypeScript
3、前端框架（其中一种）：Vue.js（v2/v3）、React.js、Angular.js
4、了解函数式编程

第三部分：技术进阶(项目实战)

1、Node.js

Node+Vue项目实战（入门开发 --> 项目上线部署）
Node+React项目实战（入门开发 --> 项目上线部署）

2、移动端开发

Flutter项目实战
ReactNative移动开发实战

3、小程序开发

微信、支付宝、百度、京东等
Taro多端跨平台小程序开发

4、桌面级应用开发

Electron项目实战：入门、进阶、性能优化
PWA入门与实战：入门、进阶、性能优化

5、项目工程化

模块打包（WebPack实战：入门、进阶、调优）

6、技术拓展（后端基础）

编程语言(C/C+/JAVA)、数据库、操作系统

第四部分：自我集成（高级前端）

1、WASM

面向WebAssembly编程、WebAssembly原理与核心技术

2、可视化开发

数据可视化：Echarts数据可视化、D3.js
图形、图像：Three.js开发指南、OpenGL编程指南、TypeScript图像渲染：基于WebGL的3D架构与实现

3、UI、UE

产品设计：用户体验要素
可用性设计：交互

4、音频、视频

WerRTC技术详解、WerRTC原理（源码分析）
项目实战：React+Flutter+Go实战

5、Low-Code

实战低代码、零代码实战