Web 前端课程大纲

HTML / CSS / JavaScript 基础之上的进阶路径 · 12 个核心知识点

前置条件:已完成 HTML、CSS、JavaScript 基础学习
阶段一后端开发能力
01

Git

版本控制 · 分支管理 · 远程协作 · Pull Request

贯穿全程
02

Node.js

JS 运行时 · 模块化(CJS/ESM) · npm · fs/path · HTTP 模块

运行时与工具链基础
03

Promise

异步编程 · then/catch · async/await · Promise.all

解决回调地狱
04

Express

路由 · 中间件 · RESTful API · 错误处理

Web 服务端开发
05

MySQL

关系型数据库 · SQL 语句 · 表设计 · 增删改查

数据持久化
06

TypeScript

静态类型 · 接口与泛型 · 装饰器 · tsconfig

类型系统
07

Nest.js

Module/Controller/Service · 装饰器 · 依赖注入 · 管道与守卫

企业级框架
08

socket.io

WebSocket · 实时双向通信 · 事件驱动 · 房间与命名空间

实时通信
阶段二前后端通信
09

Ajax

XMLHttpRequest · Fetch API · 跨域 CORS

原生 HTTP 请求
10

Axios

Promise HTTP 客户端 · 拦截器 · 请求封装

Ajax 上层封装
阶段三前端工程化
11

Webpack

entry/output · loader · plugin · dev-server · HMR

模块打包工具
12

React

JSX · 组件 · Hooks · Router · 状态管理 · 全栈实战

现代前端框架

学习路径

Git Node.js Promise Express MySQL TypeScript Nest.js socket.io Ajax Axios Webpack React