高级前端工程师（大前端）

第1周

从职业发展到项目实战的全景启程

本周涵盖前端工程师成长路径、小闭环项目的架构案例与微服务演进，学习业务原型、AI辅助、UI方案。配置Node.js，掌握Vue路由、样式库、自动化导入、PWA和Mock，夯实前端工程化与架构基础。

第2周

路由布局、响应式与首页完整开发

本周围绕业务页面与首页实战展开，掌握路由、组件开发，学习Flex和UnoCSS。提升移动端适配能力。实战首页项目，实现设计到开发闭环，包括组件、样式、路由、购物车、功能集成。

第3周

前端测试与服务端渲染深度探索

本周聚焦前后端衔接与渲染模式。掌握接口数据处理、前端测试、SSR原理。比较CSR与SSG，实战vite-plugin-ssr和Nuxt.js。学习Linux和Docker，加强前端工程师后端环境基础。

第4周

服务端开发：走向全栈Nodejs与数据库

本周将深入服务端开发，掌握Nest.js优势及CLI工具。学习OOP、FP、FRP、AOP和依赖注入，理解数据库设计和ORM。实践CURD操作，完成接口开发，夯实服务端开发的全流程能力。

第5周

数据查询进阶、部署优化与Git实战

本周学习后端数据处理、接口对接、部署运维和版本控制。掌握Prisma查询、数据脱敏，优化Nuxt接口。了解Docker部署及安全优化。学习Git版本控制，包括分支管理和团队协作。

第6周

Mock、工程化体系与DevOps实战

从Mock技术切入，掌握接口模拟与测试工具，json-server和VSCode插件，Jmeter接口测试，Webpack与Vite工程化，Jenkins和Gitlab CICD集成，建立持续交付能力

第7周

设计通用后台组件库：初始化模板+基础组件

本周构建通用管理后台组件库，涵盖基础和高级组件。基于Vue3、Vite、Element、TS解决方案，有组件二次封装、hooks、权限校验、按钮级别权限控制等功能，快速搭建企业级中后台产品原型。

第8周

通用管理后台组件库：业务组件&页面开发

本周深入开发通用管理后台的业务组件和页面。以业务需求为导向，设计开发常用的业务组件（如表单、表格），并通过组件组合构建登录注册、首页和概览等业务页面。把握业务需求，利用基础组件来满足复杂的业务场景。

第9周

管理后台：功能性组件&可视化图表与地图

本周重点开发通用管理后台组件库的功能性组件，实现数据可视化的图表和地图组件。涉及技术的广度和深度，考虑业务需求和用户体验。学习Vue指令的设计、文件下载、打印、国际化、水印和验证组件等相关技术的应用。

第10周

组件库工程化：自动构建部署与测试

本周重点组件库工程化，自动化构建部署与测试。学习单元测试确保组件库质量，使用Github Actions进行自动构建任务。深入Linux云服务器使用和配置，将云部署与自动构建任务结合实现全流程自动化。

第11周

桌面端应用：丰富组件库应用场景

本周转向桌面端应用开发。介绍主流桌面端开发框架，如Electron和Tauri。以Electron为例，深入讨论模板初始化、组件库项目集成与测试，以及桌面端应用的打包与分发。

第12周

工程化必备：开发脚手架项目

本周专注组件库的精简与工程化，开发脚手架项目，提升工程化能力。通过工具和技术，有效管理代码，提高效率，满足大型项目需求。精简核心组件与功能，深入脚手架开发的需求分析、环境搭建，及工作原理和技术方案。

第13周

进阶自动化：Monorepo与云构建

本周进一步提升自动化能力，扩展云构建和云部署。深入探索Monorepo多仓库管理模式，比较nx和lerna等多库依赖管理工具的优劣，利用nx整合主流框架，提升实现高效的云端构建和部署能力。

第14周

管理后台功能开发与交互体验提升

本周开发知识付费管理后台。梳理需求，升级依赖，构建登录、注册页面。集成行为验证机制，提升安全性。开发管理端功能，实现接口调试。探索多页面协同技术。完成会员、交易管理等模块设计，打造完整后台体验。

第15周

内容管理开发与通用后端框架设计

本周开发知识付费管理端核心功能，设计通用后端框架。前端实现内容管理、富文本编辑，优化权限和菜单。后端采用NestJS，配置多环境、日志、异常处理。集成ORM，设计多租户数据库，提升前后端协同效率。

第16周

多数据库集成与后端服务能力强化

本周专注后端多数据库和ORM环境优化。掌握TypeORM集成和动态连接，Prisma和RxJS事件流、探讨Mongoose扩展、集成Redis缓存、完成邮件服务、学习JWT认证，优化模板项目安全。

第17周

鉴权认证与权限系统实战

本周学习后端鉴权与权限控制。掌握NestJS认证、JWT使用、接口安全策略。构建RBAC系统，实现数据库设计和权限装饰器。探索CASL策略控制，建立灵活权限框架。

第18周

菜单权限、核心业务服务扩展与部署

本周聚焦服务端权限管理和业务模块开发。实现菜单权限管理、角色关联。掌握数据库迁移、项目结构设计，用CLI和AI工具生成CURD代码，优化打包，引入任务队列和定时调度，Docke高效部署。

第19周

WebSocket实时通信与安全实践

本周课程将围绕WebSocket技术及在NestJS框架中的应用，深入探讨从基础入门到高级应用的全方位技能。通过实际案例学习建立优化WebSocket，管理客户端交互，掌握网络安全，保障应用安全高效。

第20周

微服务架构与gRPC通信实践

本周学分布式架构，学习微服务与微前端。用 NestJS 实现微服务，掌握配置和部署。学事件驱动与异常处理。掌握 gRPC 和数据库对接。探索代码生成工具，学 Consul 注册和高可用。

第21周

微服务高可用与Consul集成实践

本周优化微服务稳定性与高可用性。改造 Monorepo，优化共享模块。学习 Consul ，集成 Terminus。支持跨数据中心调用。重构 ConsulCoreModule，实现高可用架构。

第22周

小程序与uni-app全栈开发实战

本周学习小程序和跨端框架开发。从注册、配置、工具使用入手，uni-app深入学习。掌握uniCloud等工具，通过模板和调试技巧优化项目，最后实战uni-admin，实现前后端一体化开发。

第23周

内容管理、商城闭环与AI能力集成

本周学习小程序与uni-app进阶开发。掌握内容管理及uni-cms配置，集成UI框架，开发基础组件、商城业务。引入uni-ai模块，集成AI能力，实现聊天会话和OpenAI接口代理，提升智能化交互。

第24周

小程序支付专题

本周聚焦小程序支付功能实现，包括企业注册与税务知识，支付前置条件，开发小程序支付APIv3接口。深入剖析支付业务场景，解决开发难点。操作frp内网穿透进行本地HTTPS调试，小程序订单通知调试技巧。

第25周

React源码解析&生态核心技术方案

本周深入源码解析，解读React新版本特性和高性能原理，学习React路由方案及工作原理，熟悉React与TypeScript的结合使用，并探索常见的React UI库。

第26周

React组件库开发与工程化实践

本周使用TS+React+Vite开发业务组件库，提炼通用模板，提高项目开发效率。探讨组件库设计思想，理解组件化构建UI的优势，深入学习组件封装，并分享设计和发布npm组件库的方法。

第27周

Vue3源码解读

深入"Vue3源码解读"，将围绕Vue框架的设计原理与实现逐步展开学习，探讨如何从源码角度理解Vue框架的设计思路。

第28周

职场规划与AI提示词工程

本周探讨职业应对压力与定位，学习求职技巧，提升职场竞争力。掌握提示词工程、AI编程与绘图应用，如Cursor、Claude Code、MCP配置、Nano Banana等。提升职业与AI工具应用力