慕课网体系课-2025前端高级工程师（大前端）

前端开发

课程简介

工作场景与能力边界这门课聚焦于前端工程化与性能优化场景，主要解决复杂业务中组件拆分、工程体系搭建、多端适配等问题。适合已掌握 React/Vue 基础，希望在大型项目中独立负责技术选型、架构设计和性能调优的开发者。学完后能独立完成从设计稿到前端工程体系的落地，包括编写状态管理方案、设计组件化规范、实现自动化测试流程。课程不涉及基础语法或简单框架使用，假设…

已有 0 人浏览发布 2026-06-13 更新 2026-06-13

工作场景与能力边界

这门课聚焦于前端工程化与性能优化场景，主要解决复杂业务中组件拆分、工程体系搭建、多端适配等问题。适合已掌握 React/Vue 基础，希望在大型项目中独立负责技术选型、架构设计和性能调优的开发者。学完后能独立完成从设计稿到前端工程体系的落地，包括编写状态管理方案、设计组件化规范、实现自动化测试流程。课程不涉及基础语法或简单框架使用，假设学习者具备独立开发中小型应用的能力。

资料结构与学习重点

资料按工程实践逻辑组织，建议先学习“工程体系搭建”和“性能优化实战”部分，掌握模块化开发与自动化工具链的核心方法。重点关注如何通过 Webpack/Vite 提升构建效率，以及如何设计可观测的监控系统。每个案例配套完整的 Demo，需结合官方文档和源码进行二次开发，例如改造组件按需加载方案、搭建本地 Mock 服务器环境。资料中的工程配置文件和测试用例可直接应用到实际项目中，需根据项目规模调整参数。

基础要求与练习建议

适合有 Node.js 开发经验，熟悉 Git 版本控制，了解 ESlint 等代码规范的开发者。若缺乏大型项目经验，建议先完成配套的“企业级组件库开发”练习，熟悉代码拆分与路由懒加载。练习时需重点实践“多平台适配”章节中的样式处理方案，结合实际项目数据替换示例代码。资料提供了完整的开发环境配置指南，需按步骤完成 Nginx 反向代理、Jest 测试环境等依赖安装，通过完整的 CI/CD 流程验证学习效果。建议每周投入至少 10 小时独立实践，将课程方法应用到个人项目重构中。

慕课网体系课-2025前端高级工程师（大前端）

??????????????????????????

??????

????????????????????????????????????????

? ?????

?????????????????????????????????????????????????????????

??????

?????????????

???????????

?????????????

γĿ¼

? {1}--???????????????&????????????
? {1}--????????????????
? {3}--??3?? ????????????????????????
(1.1.3.2)--3-9 ????2?????????????????????????.pdf [250.2 KB]
(1.1.3.1)--3-8 ????1?????????????????????????????.pdf [676.6 KB]
? {5}--??5?? ????????????????????????????????????????
(1.1.5.2)--5-6 ??????????App????????&?????????????.pdf [2.1 MB]
(1.1.5.1)--5-5 ??????????????????????????????????.pdf [174.3 KB]
(1.1.5.5)--5-14 ???????.pdf [186.2 KB]
(1.1.5.4)--5-12 ?????????????ChatGPT.pdf [794.8 KB]
(1.1.5.3)--5-7 ?????W????????????W???????????.pdf [70.5 KB]
? {2}--????
{2}--??????????????????????CunworkNotes??.exe [13.3 MB]
? {2}--??2?? ????????????????
? {4}--??4?? ????????????????????????????????????????
? {1}--??1?? ????????????????????????????????????
(1.1.1.1)--1-2 ????????????????????-???????????????????.pdf [139.1 KB]
? {2}--????????????????????????????
? {3}--??3?? ????????????????????????????????
? {4}--??4?? ????????????????????????????
? {6}--??6?? ??????????????Z
? {2}--??2?? ????????????????????????????????????????????
? {5}--??5?? ???????????????Markdown????
? {2}--????
{2}--????.exe [259.1 MB]
? {1}--??1?? ???????????????????????????????
80?????????????????????????????????.pdf [317.1 KB]
???????.txt [4.1 KB]
? {2}--???????????????????-???????PC?????????????????????
? {5}--?????????????LinuxDocker
? {5}--??5?? Linux????????????Linux??????????????
[2.5.5.1]--5-1 ??????Linux??Linux?????????????????.mp4 [61.2 MB]
? {4}--??4?? Nuxt????????????????????SSR??Nuxt???????
? {2}--??2?? ????SSR???????vite-plugin-ssr?????
? {6}--??6?? Docker????????????????Docker?????????????
[2.5.6.5]--6-5 [???]Docker???????????compose.mp4 [24.2 MB]
[2.5.6.2]--6-2 ???????Docker&Docker???????.mp4 [81.0 MB]
? {3}--??3?? Nuxt.js?????????????Nuxt????????????
? {1}--??1?? ?????????????????SSR???????CSR??SSG????
{2}--??????????????????????CunworkNotes??.exe [155.2 MB]
? {3}--Vue3?????????????????????
{3}--Vue3?????????????????????.exe [1.7 GB]
? {6}--????????????????Nodejs???????
? {9}--??9?? ??????????????????Docker?????????????
[2.6.9.7]--9-7 [???]Docker???????????Docker???????.mp4 [60.1 MB]
? {7}--??7?? ?????????????????????????
? {8}--??8?? ????????Nuxt?????Mock??????
? {3}--??3?? ????????????????????OOP, FP, FRP??????
? {5}--??5?? ???????????????????ORM????Docker???
? {6}--??6?? Nestjs????CURD??????????????
? {4}--??4?? ?????????????????????????????
? {2}--????
{2}--????.exe [1.1 MB]
? {1}--??1?? ???????Java vs Node.js?????Nest.j
? {2}--??2?? Nest.js????????CLI???????????????
? {4}--?????????Mock?????????????
? {2}--??2?? ???Mock????????Vue???????API?????????
? {3}--??3?? ????????e2e????
? {1}--??1?? ????????????????Vue???????????????
? {2}--????
{2}--????.exe [5.7 MB]
? {1}--????????????????????????????????
? {2}--????
{2}--????????????CunWorkNotes??.exe [187.7 MB]
? {3}--??3?? ??????????
? {1}--??1?? ???????????????????????
? {2}--??2?? ??????????????UI???????????????
? {2}--???Node.js????????&?????????
? {1}--??1?? Node.js?????????????
? {3}--??3?? ??????????Prettier&ESLint???????????
? {4}--??4?? TypeScript??????????????JS???????????????
? {2}--??2?? IDE?????????????Z??VSCode????????
? {2}--????
{2}--????.exe [15.6 MB]
? {3}--??????????????????-?????????????????????????????
? {1}--????Git ????????????????????
? {4}--??4?? Git????????????GitLab??Gitea???????
? {2}--??2?? ???????Git?????????????????????
? {3}--??3?? Git????????????????????????????
? {2}--????
{2}--????.exe [517.4 KB]
? {1}--??1?? Git????????????????Git??SVN?????
? {4}--CICD?????????????????????
? {5}--??5?? Gitlab???????????CICD??????????
[3.4.5.2]--5-2 [gitlab????]gitlab-ci.yml???????????????CunWorkNotes??.mp4 [29.5 MB]
[3.4.5.6]--5-6 [???]gitlab????docker-registry??????????CunWorkNotes??.mp4 [11.3 MB]
[3.4.5.5]--5-5 [gitlab????]????docker-registry??.mp4 [41.9 MB]
? {2}--??2?? ????Jenkins???????????????
[3.4.2.4]--2-4 [????]Jenkins??????????docker&??????????-1.mp4 [50.5 MB]
[3.4.2.4]--2-4 [????]Jenkins??????????docker&??????????-2.mp4 [38.5 MB]
[3.4.2.3]--2-3 Jenkins??????????docker??????.mp4 [16.0 MB]
? {2}--????
{2}--????.exe [17.3 MB]
? {3}--??3?? Jenkins??Gitlab????????????????
[3.4.3.1]--3-1 CICD?????????Jenkins??Gitlab????.mp4 [58.0 MB]
? {1}--??1?? ???????????????
? {4}--??4?? ???????????????????????????
[3.4.4.4]--4-4 [???]Jenkins CICD?????Pipeline??.mp4 [80.4 MB]
? {2}--????????????Mock?????????????
{2}--????????????Mock?????????????.exe [813.3 MB]
? {3}--?????????Webpack&Vite????
? {3}--??3?? ??????????????????????????????????
? {2}--??2?? ??????Webpack???????????????AI???????
? {1}--??1?? ????????????????????????????????
? {6}--??6?? webpack??????????????Loaders??Plugi
(3.3.6.2)--6-3 Webpack?????Plugins.pdf [196.4 KB]
(3.3.6.1)--6-2 Webpack?????Loaders??????????????????CunWorkNoteS??.pdf [111.1 KB]
? {4}--??4?? Webpack???????????????????????????????
[3.3.4.5]--4-5 [bug]webpack-cli????webpack????.mp4 [28.2 MB]
[3.3.4.1]--4-1 webpack&webpack-cli?????????????.mp4 [84.5 MB]
? {2}--????
{2}--????.exe [13.8 MB]
? {5}--??5?? ????Webpack?????Tapable????????????????
? {4}--?????????????????????-?????????????????????????????????
? {1}--??????????????????????????+???
? {5}--??5?? ??????????vue-i18n???????????
(4.1.5.1)--5-7 [bug]element-plus??????????????.pdf [28.7 KB]
? {6}--??6?? ???????????Elementplus???????&???????
? {2}--??2?? ?????????????????????
(4.1.2.1)--2-2 ???git clone --depth??????Push???????????????????CunworknoteS??.pdf [317.4 KB]
? {2}--????
{2}--??????????????????????CunWorkNoteS??.exe [332.7 KB]
? {3}--??3?? ?????????????SVG?????????
? {4}--??4?? ????????????????????????
? {1}--??1?? AI???????????????????????
? {4}--??????????????????????????
? {3}--??3?? ????????????????????????
? {2}--????
{2}--????.exe [810.1 KB]
? {4}--??4?? ????????????????????????????
? {8}--??8?? ????????????GitHub Actions??????????
? {6}--??6?? ???????????????ECharts?????????????????????
? {2}--??2?? ???????????????????Vue????????
? {7}--??7?? ?????????????????????????????
? {1}--??1?? ?????????????????
? {5}--??5?? ???????????????????????????
? {2}--?????????????????????&???D??
? {4}--??4?? ????????????????+???????
? {3}--??3?? ????????????????????
? {5}--??5?? ?????????????????????????????????
? {2}--??2?? ??????????????????????????
? {6}--??6?? ??????????????????????
? {1}--??1?? ?????????????????????
? {3}--??????????????????&????????????
? {2}--????
{2}--??????????????????????CunWorkNoteS??.exe [320.2 KB]
? {3}--??3?? ?????????????????????
? {4}--??4?? ???????????????????+??????????
? {2}--??2?? ???????????????????????????????
? {7}--??7?? Vue?????????????????????
? {5}--??5?? ???????????????????????????????????
? {1}--??1?? ???????????????????????
? {6}--??6?? ?????????????
? {5}--???????????????????????
? {2}--??2?? ????Electron???????????????????
? {2}--????
{2}--???????????????????????CunWorKNotes??.exe [19.3 MB]
? {3}--??3?? Electron??????????????????????
? {6}--??6?? ???????????Github Actions???
? {5}--??5?? Electron???????????????????AppStore
? {1}--??1?? ????????????Electron vs Tauri ??????
? {4}--??4?? Electron????????????
? {10}--??????????????Vue+React????????????+?????????
? {4}--Vue3?????
? ??5?? Diff????????
? ??2?? ???????????????
? ??3?? ?????????????????
? ??6?? Vue3??????????????AST???????
? ??4?? ?????????????????????
? ??1?? vue3??????
? {1}--React??????&??????????????
? {2}--??2?? React??????????????
? {3}--??3?? React???????Fiber????a?????
? {2}--????
{2}--????.exe [33.4 MB]
? {6}--??6?? React Hooks????????????????
? {7}--??7?? Hooks API??hooks???????
? {4}--??4?? ?????????????????????????
? {5}--??5?? React-router v6??
? {1}--??1?? ?????
? {2}--React??????????????????+?????
? {4}--??4?? ??????????????????+iconfont??
? {3}--??3?? ??????
? {2}--??2?? ????????????????????????
? {1}--??1?? ?????
? {3}--React???????????????
? ??4?? ????????????
? ????
????.exe [2.3 MB]
? ??2?? React????????TransitionGroup
? ??3?? React????????????
? ??1?? ?????
? {5}--?????????????????+?????-???????????????????????????
? {2}--????????????????????+????????????
? {3}--??3?? Monorepo??????????????????????
? {5}--??5?? CLI?????????????????????
? {2}--??2?? Monorepo??????????????????
? {1}--??1?? Monorepo???????????
? {4}--??4?? ????????????CLI??????????????
? {2}--????
{2}--????.exe [26.7 MB]
? {3}--???CLI+DevOps?????????????
? {3}--??3?? Nx???????nx-remotecache-qiniu??
? {2}--????
{2}--????.exe [133.2 MB]
? {2}--??2?? Lerna&nx??TurboRepo?????????????????
? {1}--??1?? ?????????????????????????
? {4}--??4?? ?????????????Nx?????????GithubActions
? {1}--??????????????????????
? {1}--??1?? ????????????????????????????????
? {5}--??5?? ?????????????????????
? {2}--????
{2}--???????????????????????CunWorKNotes??.exe [4.3 MB]
? {2}--??2?? ??????????Vite??Vue?????TS????????
? {4}--??4?? ?????????????????
? {3}--??3?? ?????????????????????????????????
? {6}--??6?? ???????????????????????????
? {6}--?????????????????????-????????????????????-???????????
? {1}--Vue???????????????????????
? {2}--????
{2}--????.exe [170.0 MB]
? {2}--??2?? ??????????????????????????????????????
? {3}--??3?? ????????????????????????
? {4}--??4?? ?????????D????Mock???????
? {1}--??1?? ??????????????????????
? {3}--???????????????????????????????
? {3}--??3?? ?????????????????????????
? {1}--??1?? ????????????????????
? {7}--??7?? ????????????????
? {4}--??4?? ??????????????el-upload??????
? {2}--????
{2}--????.exe [5.1 MB]
? {8}--??8?? ??????
? {2}--??2?? ?????????????????????????
? {6}--??6?? ?????????????????Form??????
? {5}--??5?? ?????????????????????????????
? {2}--???????+????????????????????????
{2}--???????+????????????????????????.exe [1.7 GB]
? {7}--???????????????????-???????Nestjs??????????????
? {3}--????+??+???+??????????????
? {3}--??3?? ??????????????????????????
? {8}--??8?? ??????????????
? {5}--??5?? ????CASL???????????
? {1}--??1?? ????????NestJS???????????????
? {4}--??4?? RBAC????????????????
? {6}--??6?? ??????????????????
? {2}--??2?? ????????????????????????
? {10}--??10?? ??????????????
? {7}--??7?? ?????????
? {2}--????
{2}--????.exe [16.6 MB]
{9}--??9?? ????????????????????????????????????????????????CunworkNotes??.exe [843.3 MB]
? {5}--????WebSocket????chatGPT
? {2}--????
{2}--????????????CunWorkNotes??.exe [1.1 MB]
? {1}--??1?? WebSocket????????????
? {3}--??3?? WebSocket???????????????????
? {5}--??5?? ????????WebSocket??????
[7.5.5.9]--5-9 [??????????]????nginx????https&wss????????????????CunWorknotes?? .mp4 [113.7 MB]
? {2}--??2?? NestJS????WebSocket????????????
? {4}--??4?? WebSocket???????????????
? {1}--????????????????????????????
? {4}--??4?? nestjs?????????????????????????????
? {5}--??5?? ???????????ORM???????????
? {1}--??1?? ???nestjs????????????NestJS????????
? {3}--??3?? ???????????????
? {2}--??2?? NestJS?????????????
? {7}--??7?? NestJS??????????????????
? {6}--??6?? NestJS???????ORM???????
? {4}--Nestjs????????????CICD
? {2}--??2?? ?????????????????
? {4}--??4?? ???????????????????????
? {1}--??1?? NestJS ?????????????????
? {3}--??3?? SSH ??????????????
? {2}--????
{2}--????.exe [17.2 MB]
? {2}--??????+??????
? {10}--??10?? ???????????????????????
? {2}--??2?? TypeORM??????????????
? {5}--??5?? ???????????????????????????
? {3}--??3?? Prisma?????RxJS???????
? {8}--??8?? ?????????????????
? {9}--??9?? ??????????????????API???
? {4}--??4?? ??????Mongoose?????????????????
? {1}--??1?? ?????????ORM???????????
? {7}--??7?? nestjs????????????
? {6}--??6?? Redis??Node.js???????????
? {8}--?????????????????-???????????????????????????
? {1}--??????????????????
? {3}--??3?? NestJS????????????
? {2}--??2?? NestJS????????????
? {5}--??5?? ????Nestjs?????????gRPC_20251015_080814
? {4}--??4?? nestjs??????????????????
? {1}--??1?? ??????????????
? {2}--????????nestjs??????????
? {4}--???????????Docker+k8s
? {3}--??3?? ??????????????????????
? {6}--??6?? ????????????????Kubernetes???
[8.4.6.11]--6-11 ?????????docker+cri-dockerd(?????.mp4 [64.6 MB]
? {5}--??5?? ???kubeadm??????Kubernetes???
? {4}--??4?? Kubernetes????????????????
? {2}--??2?? ????????????????
? {2}--????
{2}--????.exe [683.7 KB]
? {7}--??7?? k8s???????????
? {1}--??1?? Consul+nestjs??????????????
? {3}--??????????????????????????
? {4}--??4?? Consul??NestJS???????????????
? {3}--??3?? gRPC????????????????
? {1}--??1?? ??????????Monorepo????????????
? {2}--??2?? ???????????????
? {2}--????
{2}--????.exe [25.5 MB]
? {9}--?????????????uniapp+unicloud???????????????????
? {5}--????????????
? {1}--??1?? ??????????????????????
? {4}--??4?? NestJS????????????????????
? {3}--??3?? ???????????????????????
? {2}--????
{2}--????.exe [79.4 MB]
? {2}--??2?? ???????????????????????????
? {4}--???????????????????
? {3}--??3?? ?????????????????????????
? {2}--??2?? ???????????????????
? {6}--??6?? ?????????OpenAI????????stream???????
? {1}--??1?? ???????????????????????
? {5}--??5?? AI?????????uni-ai?????
? {2}--????
{2}--????.exe [1.5 MB]
? {4}--??4?? ??????????????????
? {1}--uniapp+unicloud?????
? {4}--??4?? uniCloud??????????????
? {5}--??5?? uniCloud??????????????????
? {2}--??2?? uniapp?????????
? {2}--????
{2}--????.exe [338.9 KB]
? {6}--??6?? ????unicloud?????????????????????
? {1}--??1?? ??????????????????
? {3}--??3?? HBuilderX?????????????????
? {2}--??????uni-admin???????
? {2}--????
{2}--????.exe [648.6 KB]
? {1}--??1?? HbuilderX???????????????????
? {3}--??3?? uni-admin?????????DBSchema????
? {4}--??4?? uni-stat????????????????
? {2}--??2?? uni-admin????????????
? {5}--??5?? ?????????????uni-cloud???????
? {3}--????????????????????????????D??
? {2}--??2?? ?????????????????
? {3}--??3?? ???????????????????
? {2}--????
{2}--????.exe [3.6 MB]
? {1}--??1?? ?????????Schema????????????
? {11}--?????????????
? {2}--AI??????&???????
? ??6?? ???????
? ??4?? ???????????????????????????????
? ??3?? Prompt?????????????????????????????
? ??5?? ????????????????????
? ??2?? ?????????????????????????????????
? ??1?? AI?????????????????????????????
? {1}--??????????AI??????????
? ??3?? ???????????????????????????
? ??2?? ????????????????????????????
? ??1?? ?????????????????????????????
????????.pdf [317.1 KB]

??????

???????
????????
?????????????

ѧϰջ

?????????????

???????????????

?????????????

????????

????????????????