大前端 v3.0 课程笔记
涵盖前端架构设计、Node.js 全栈开发、微服务架构、移动端开发、React/Vue 源码学习等 40 周完整课程内容。
课程大纲
第一阶段：基础能力（第1-3周）
- 第1周 成长方法论 — 开发工作流、职业规划、前端架构设计
- 第2周 需求分析及架构设计 — 大型复杂项目需求分析、技术选型、架构设计
- 第3周 需求分析能力 — 与产品/后端沟通、设计工具使用
第二阶段：开发能力（第4-6周）
- 第4周 玩转 Node.js — 开发环境搭建、npm/pnpm/yarn、Node.js 调试
- 第5周 响应式页面设计 — CSS 布局、响应式设计、WebApp 开发
- 第6周 服务端开发 — SSR、SEO、Node.js 与数据库
第三阶段：工程化（第7-11周）
- 第7周 版本控制 — Git 工作流、多仓库管理
- 第8周 Mock & 接口测试 — Mock Server、JMeter、接口自动化
- 第9周 前端工程化 — Webpack/Vite/Turbopack、TypeScript 运行时
- 第10周 CI/CD — GitLab CI、Jenkins、Docker Registry
- 第11周 组件库开发 — AI 辅助开发、基础/业务组件
第四阶段：组件库实战（第12-14周）
- 第12周 业务组件开发 — 完整的管理后台组件库
- 第13周 功能性组件 — 高级组件封装
- 第14周 组件库工程化 — 自动构建部署与测试
第五阶段：工程化进阶（第15-21周）
- 第15周 Electron — 桌面端应用开发
- 第16-18周 工程化进阶 — TS 编译器、CLI 工具、Monorepo
- 第19-21周 后台管理 — DevOps 桌面应用、管理页面开发
第六阶段：后端进阶（第22-30周）
- 第22周 多租户 + 权限设计 — 配置模块、ORM、数据库方案
- 第23周 登录认证 + 权限管理 — Redis、JWT、RBAC
- 第24周 核心业务开发 — 权限数据设计、CRUD
- 第25周 自动化 + 打包优化 — NestJS 部署、日志、定时任务
- 第26周 WebSocket & 代理 — WebSocket、Nginx、SSL
- 第27-29周 微服务 — 微前端、gRPC、服务注册发现
- 第30周 Kubernetes — K8s 集群搭建、二进制部署
第七阶段：移动端（第31-35周）
- 第31周 uni-app + uniCloud — Serverless 云开发
- 第32-34周 商城开发 — uni-admin、小程序、API 对接
- 第35周 支付专题 — 支付集成
第八阶段：框架源码（第36-40周）
- 第36周 React 源码 — Fiber 架构、Hooks 原理、qiankun 微前端
- 第37-38周 React 实战 — Hooks 集合、React 项目
- 第39-40周 Vue 源码 — Vue 3.5 响应式原理、编译器
↑