新学期 新技能

2799

¥3999

立减1200

7天可退款

体系课价格直降,加指导老师微信可领更多优惠! 查看
服务
系统学习
28周
教学服务
12个月
教学模式
学练一体化
课程证书
通过得证书

课程大纲及学习周期安排

坚持学习的路上,我们为你画好成长路标

为保证课程紧跟市场变化,课程章节将逐步开放至完结

阶段一:【全栈开发能力】小闭环项目实战打通前端全栈

  • 第1周
  • 第2周
  • 第3周
从职业发展到项目实战的全景启程

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

课程安排
  1. 1、职业成长:解析前端职业发展线路,应对行业与职场的双重冲击
  2. 2、课程初心:了解课程设计理念,建立学习路径的整体视角
  3. 3、架构思维:学习小闭环项目的架构设计与微服务演进思路
  4. 4、工具与AI:掌握业务原型图绘制、AI配图与AI编程辅助开发技巧
  5. 5、技术选型:前端 UI 库对比、项目技术栈选型与接口文档方案
  6. 6、环境准备:Node.js 开发环境搭建,VSCode 插件与调试技巧
  7. 7、 开发流程:理解前端开发工作流与测试相关流程
  8. 8、 Vue进阶实践:掌握自动路由、样式库(Tailwind/Unocss)、自动导入、PWA 集成、接口 mock 等完整方案
路由布局、响应式与首页完整开发

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

课程安排
  1. 1、页面路由设计:完成首页、社区、学习、关于等业务页面的路由创建。
  2. 2、基础组件开发:实现导航菜单、轮播图与卡片等常用组件。
  3. 3、布局与样式:掌握 Flex 布局与 UnoCSS 类名在页面中的应用。
  4. 4、依赖升级实践:学习 Swiper 升级与常见依赖更新方法。
  5. 5、 移动端适配:通过 user-agent、viewport 与媒体查询实现多设备适配。
  6. 6、响应式与动画:掌握 rem 布局与动画实现,提升移动端交互体验。
  7. 7、首页功能实现:完成页角、hover 效果及组件传参等核心开发。
  8. 8、详情页与列表页:实现课程详情页、学习列表页及评论列表功能。
  9. 9、购物车模块:设计弹窗与底部样式,完成购物车页面交互。
  10. 10、会员频道开发:实现会员权益展示,完善整体首页功能闭环。
前端测试与服务端渲染深度探索

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

课程安排
  1. 1、Mock开发实战:掌握 Mock 接口接入、axios 封装与 store 对接的完整流程。
  2. 2、前端测试体系:系统学习单元测试与集成测试,掌握 vitest 与 Cypress 工具。
  3. 3、 SSR核心原理:理解 SSR、CSR、SSG 的差异与应用场景。
  4. 4、 SSR改造实践:通过 vite-plugin-ssr 对首页项目进行 SSR 改造与扩展。
  5. 5、Nuxt核心技术:掌握 Nuxt 工程目录、Pinia、PWA 与 Unocss 集成。
  6. 6、Nuxt SSR优化:完成首页项目 Nuxt 改造与 SSR 配置优化。
  7. 7、环境变量与调试:学习 Nuxt 环境变量配置与 SSR/CSR 测试方法。
  8. 8、 Linux基础学习:掌握 Linux 文件系统、常见命令与远程连接技巧。
  9. 9、Docker核心概念:理解容器化与虚拟机的区别,掌握 Docker 安装配置。
  10. 10、Docker进阶实践:使用 Compose 与可视化工具管理容器与加速配置。

阶段二:【服务端与工程化能力】服务端开发与工程化实践

  • 第4周
  • 第5周
  • 第6周
服务端开发:走向全栈Nodejs与数据库

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

课程安排
  1. 1、 服务端运行环境对比,理解 Nest.js 的优势与应用场景。
  2. 2、掌握 Nest.js CLI 工具的使用、工程规范与应用调试方法。
  3. 3、学习 OOP、FP、FRP、AOP 等编程思想及依赖注入的原理。
  4. 4、掌握 Nest.js 架构中的控制器、服务、模块与 DTO/DAO。
  5. 5、系统理解数据库设计概念、三大范式及 ER 图绘制。
  6. 6、完成数据库详细设计,形成完善的数据库文档。
  7. 7、学习 TypeORM、Prisma、Sequelize 等 ORM 库的集成与应用。
  8. 8、掌握日志模块 winston 与按天滚动日志管理方案。
  9. 9、实践 CURD 接口开发,完成数据校验、分页查询与事务管理。
  10. 10、掌握多表关联关系定义与 Prisma CURD 实战操作。
数据查询进阶、部署优化与Git实战

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

课程安排
  1. 1、学习页面开发:掌握嵌套查询、分页转换与动态参数校验。
  2. 2、Prisma进阶:完成批量插入、嵌套写入及类型校验。
  3. 3、数据安全:通过拦截器实现数据序列化与响应脱敏。
  4. 4、Nuxt接口优化:多环境配置、跨域处理与 Mock 工作流。
  5. 5、项目直装部署:掌握打包、Nginx 与 pm2 部署方法。
  6. 6、 Docker容器化:构建前后端镜像,掌握运行与加速技巧。
  7. 7、容器安全:学习镜像权限管控与安全构建流程。
  8. 8、 静态站点部署:使用脚本与 rsync 优化跨平台部署。
  9. 9、 Git核心概念:理解快照、缓存区与本地/远程仓库关系。
  10. 10、Git实战技巧:分支管理、冲突处理、cherry-pick 与历史敏感数据修复。
Mock、工程化体系与DevOps实战

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

课程安排
  1. 1、Mock工具:掌握mock.js与json-server的接口模拟与拦截方法。
  2. 2、工具链扩展:学习Postman、REST客户端与常用VSCode插件。
  3. 3、VSCode插件开发:实现插件批量下载与开源项目管理实践。
  4. 4、接口测试实践:掌握接口测试流程、Jmeter安装与插件扩展。
  5. 5、 工程化核心:理解Webpack与Vite的对比、应用场景与配置思路。
  6. 6、Webpack实战:完成配置调试、源码解析与构建优化。
  7. 7、工程化升级:探索构建工具切换、前端项目升级与依赖优化。
  8. 8、自动化与DevOps:理解自动化概念、DevOps流程与大厂案例。
  9. 9、Jenkins应用:完成直装与Docker安装,配置权限与插件。
  10. 10、CICD与制品库:实现Jenkins+Gitlab集成,掌握Harbor与私有npm仓库方案。

阶段三:【自研组件库能力】通用复杂管理后台高性能组件库

  • 第7周
  • 第8周
  • 第9周
  • 第10周
设计通用后台组件库:初始化模板+基础组件

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

课程安排
  1. 1、B端项目需求分析:学习如何分析项目需求,包括用户需求和技术需求
  2. 2、项目初始化:搭建基于Vue3.0, Vite, Element-plus, TypeScript的项目框架
  3. 3、图标组件:学习如何制作和使用自定义图标组件
  4. 4、头部组件:设计并制作通用的头部组件
  5. 5、过渡组件:深入学习Vue的过渡动画,制作过渡组件
  6. 6、多功能菜单:学习如何设计和制作功能强大的菜单组件,包括动态菜单和权限校验
  7. 7、探索如何在项目中应用最新技术,并将其持续应用
  8. 8、学习如何管理和配置项目环境变量,理解生产环境动态配置的原理和作用
  9. 9、了解如何缓存配置、多语言配置、主题色配置和样式配置
  10. 10、研究路由、菜单和权限的配置和管理方式。
通用管理后台组件库:业务组件&页面开发

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

课程安排
  1. 1、基础组件需求分析:理解业务需求,并分析所需的基础组件
  2. 2、表单组件:深入学习并实践如何设计和开发复杂的表单组件,包括数据校验、表单布局和异步提交等
  3. 3、表格组件:设计并开发高性能的表格组件,支持大量数据展示、排序、过滤等功能
  4. 4、登录注册页面:利用已有基础和业务组件,搭建登录和注册页面,学习如何处理用户交互和数据验证
  5. 5、首页与概览:设计和开发首页及概览页面,学习如何组织和展示大量信息,提供良好的用户体验
  6. 6、学习如何抽象和封装业务逻辑,以便在多个组件和页面中重用
  7. 7、深入理解和运用组件化思维,提高组件的复用率和可维护性
  8. 8、学习如何在复杂的业务场景下进行组件开发,解决实际问题
  9. 9、探讨如何进行组件性能优化,提高页面的渲染速度和用户体验
  10. 10、总结并分享一些常见的业务组件设计和开发的最佳实践
管理后台:功能性组件&可视化图表与地图

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

课程安排
  1. 1、富文本编辑器集成:深入理解富文本编辑器的运行机制,实现富文本编辑器的集成并满足业务需求
  2. 2、音视频组件:设计并开发音视频组件,学习音视频流的处理和展示技术
  3. 3、图表组件:开发通用的图表组件,学习如何通过图表更好地进行数据展示与分析
  4. 4、地图组件:掌握地图组件的开发技巧,以满足地理位置数据展示的需求
  5. 5、Vue指令设计:学习如何设计Vue指令,提升代码的复用性和可维护性
  6. 6、图片裁剪组件:实现图片裁剪功能,优化图片上传体验
  7. 7、文件下载功能:解决文件下载相关问题,优化用户体验
  8. 8、打印功能:实现页面打印功能,提供更好的用户体验
  9. 9、国际化:掌握国际化技术,实现多语言支持,满足全球化需求
  10. 10、水印功能、验证组件等:掌握其他功能性组件的开发技巧,增强管理后台的实用性
组件库工程化:自动构建部署与测试

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

课程安排
  1. 1、单元测试基础:学习并理解单元测试的概念、价值及其在现代软件开发中的重要性。
  2. 2、基础组件单元测试:实战演练基础组件的单元测试,提升代码质量。
  3. 3、核心业务单元测试:进行核心业务逻辑的单元测试,保障业务的正确性和稳定性。
  4. 4、Github Actions自动构建任务:理解并应用Github Actions,实现代码的自动化构建和部署。
  5. 5、Linux云服务器基础:熟悉Linux操作系统和云服务器的基本操作,学习购买和配置云服务器。
  6. 6、云部署实践:学习云端部署的技术和策略,以及如何与Github Actions进行结合,实现自动化部署。
  7. 7、组件库工程化总结:梳理并理解组件库从开发到部署的全流程,掌握现代组件库开发的最佳实践。

阶段四:【大厂标准的工程化+自动化能力】跨项目跨技术栈提升效率方案

  • 第11周
  • 第12周
  • 第13周
桌面端应用:丰富组件库应用场景

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

课程安排
  1. 1、主流桌面开发框架:了解Electron和Tauri两大主流框架的基本特性和适用场景
  2. 2、Electron框架初识:详解Electron框架的基础概念,理解主进程与渲染进程的关系和互动方式
  3. 3、学会通过模板初始化Electron项目,包括配置加速源、使用VSCode进行调试等实用技巧
  4. 4、组件库项目集成:将之前创建的组件库项目集成到Electron中,实现桌面应用的初步开发
  5. 5、学习Electron与主流前端库Vue和React的集成方法,增强应用的前端表现力
  6. 6、理解如何在Electron应用中设置系统菜单和Dock菜单,提升应用的用户体验
  7. 7、桌面应用的国际化:介绍如何实现Electron应用的国际化,让应用适应更多地域的用户
  8. 8、学习使用electron-builder工具对应用进行打包,以及如何发布应用到AppStore商店等平台
  9. 9、Electron应用的自动化:借助Github Actions完成项目的打包和发布,实现应用的CI/CD自动化
  10. 10、在Electron应用中实现桌面应用通知,以及如何自定义消息通知声音,提升应用的交互体验
工程化必备:开发脚手架项目

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

课程安排
  1. 1、瘦身并精简核心组件与功能:通过分析、删减和重构,实现组件库的轻量化
  2. 2、项目后续升级与共享方案:了解如何通过多仓库管理的方式,实现项目的升级和共享
  3. 3、利用CICD工具完成主库与副库同步:学习如何配置CICD流程,实现代码库的自动同步
  4. 4、核心库npm库封装:将核心库封装为npm库,以便在多个项目中复用
  5. 5、私有化 vs 公共的核心库共享方案:比较私有化和公共共享方案的优劣,选择适合自己的共享策略
  6. 6、脚手架开发需求分析:了解脚手架的基本需求,确定开发目标
  7. 7、脚手架开发环境搭建:搭建适合开发脚手架的环境,为后续开发打下基础
  8. 8、学习脚手架工作原理及主流技术方案:通过研究现有的主流脚手架工具,了解其工作原理和技术实现
  9. 9、实践:完成脚手架项目并进行扩展思考:完成一个基本的脚手架项目,根据需求进行扩展,并对其进行深入思考
进阶自动化:Monorepo与云构建

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

课程安排
  1. 1. 理解 Monorepo 模式,掌握 yarn 与 pnpm workspace 的应用。
  2. 2. 熟悉主流 Monorepo 工具:nx、lerna、rush、turborepo 的对比与实践。
  3. 3. 完成项目实战改造:整合组件库,优化 CLI 功能与模块化拆分。
  4. 4. 掌握 CLI 工具开发流程:需求分析、交互设计、调试与发包。
  5. 5. 学习云构建概念,掌握 nx 与 lerna 的远程缓存与加速能力。
  6. 6. 深入理解 turborepo 与 vercel 配合的远程缓存方案。
  7. 7. 实践 nx cloud 与团队协作加速,探索 agents 与云存储配置。
  8. 8. 自研 nx-remotecache-qiniu 插件:完成七牛云缓存对接与功能优化。
  9. 9. 熟悉对象存储操作,掌握上传、下载、缓存本地化与私有化兼容。
  10. 10. 掌握自动化流程:结合 Github Actions 实现插件发包与持续集成。

阶段五:【复杂服务端开发能力】Nestjs开发知识付费服务端

  • 第14周
  • 第15周
  • 第16周
  • 第17周
  • 第18周
  • 第19周
管理后台功能开发与交互体验提升

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

课程安排
  1. 1、 管理后台需求梳理与依赖更新,掌握 vite5 升级策略。
  2. 2、登录与注册页面开发,完成表单组件扩展与样式实现。
  3. 3、 行为验证集成,掌握极验与 Cloudflare Turnstile 的组件封装与服务端逻辑。
  4. 4、管理端首页与系统设置页面开发,结合 Mock 策略完成接口调试。
  5. 5、学习 tab 间通信的多种实现方式,掌握 SharedWorker 的消息机制。
  6. 6、 用户管理模块开发,实现用户增删改交互与界面优化。
  7. 7、会员管理功能扩展,完成购买记录、评级与数据可视化展示。
  8. 8、交易管理模块,掌握审批流程与状态展示的实现方法。
  9. 9、社区互动管理,完成评论详情、快捷菜单与关联主题设计。
  10. 10、用户私信与聊天功能实现,封装输入框与仿微信聊天组件,优化交互体验。
内容管理开发与通用后端框架设计

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

课程安排
  1. 1、内容管理需求分析,完成列表与详情页布局及动态标签交互。
  2. 2、上传组件开发与优化,掌握 el-upload 与 useUpload 的封装技巧。
  3. 3、富文本编辑器集成,实现章节内容的新增与编辑。
  4. 4、权限管理与菜单控制,结合 el-tree 与 Form 优化表单逻辑。
  5. 5、树形菜单扩展,探索 JSON 编辑工具与菜单结构可视化。
  6. 6、管理端项目总结,系统回顾知识付费后台开发的重点功能。
  7. 7、NestJS 通用后端框架设计,掌握核心逻辑与生命周期。
  8. 8、多环境配置与管理,学习 config 模块与 Joi 参数验证方案。
  9. 9、日志管理与异常处理,掌握 Logger、Pino、Winston 等日志框架。
  10. 10、 数据库集成与优化,完成 Prisma/TypeORM/MongoDB 集成与多租户架构实践。
多数据库集成与后端服务能力强化

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

课程安排
  1. 1、复习多数据库配置方法,理解多数据库环境下的基本连接模式。
  2. 2、掌握 TypeORM 多数据库集成与动态连接的完整流程与优化策略。
  3. 3、学习抽象 Repository 与控制器参数解析方法,提升数据库访问灵活性。
  4. 4、掌握 Prisma 多 Client 管理与动态模块实现,结合 RxJS 事件流优化逻辑。
  5. 5、探索 Mongoose 官方模块问题与扩展方法,实现多数据库协同。
  6. 6、总结多数据库与多租户策略,优化代码抽象层与跨 ORM 协作。
  7. 7、集成 Redis 客户端与缓存方案,掌握 cache-manager 与 ioredis 在 NestJS 中的应用。
  8. 8、学习邮件服务集成,掌握内置 node-mailer 与第三方服务商的使用。
  9. 9、理解后端认证机制,掌握 JWT 工作原理与 API 接口安全策略。
  10. 10、完成模板项目优化,实现条件式模块加载与多ORM库兼容方案。
鉴权认证与权限系统实战

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

课程安排
  1. 1、掌握 NestJS 用户认证流程,完成认证控制器与用户参数校验。
  2. 2、理解并应用管道机制,使用内置与自定义管道提升输入验证能力。
  3. 3、学习 JWT 模块原理与应用,掌握守卫与策略在鉴权中的作用。
  4. 4、实现接口安全策略,包括密码加密、接口脱敏与序列化响应。
  5. 5、设计并实现 RBAC 权限系统,完成角色、权限与用户的数据库建模。
  6. 6、开发角色权限装饰器,支持用户角色的 CURD 与关联操作。
  7. 7、构建 RBAC 守卫,完成企业级权限闭环实现。
  8. 8、学习 CASL 策略库,掌握基于策略的权限控制方法。
  9. 9、开发策略权限服务与 Policy 守卫,实现复杂的条件判断逻辑。
  10. 10、优化与扩展策略权限系统,支持函数式规则、不同 Ability 实例及测试验证。
菜单权限、核心业务服务扩展与部署

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

课程安排
  1. 1、菜单权限设计与实现,完成数据库模型、接口与角色菜单关联。
  2. 2、掌握数据库迁移流程与版本控制,优化项目工程目录。
  3. 3、借助 CLI 与 AI 工具快速生成 CURD 代码,加速基础业务开发。
  4. 4、完成内容管理业务的课程、标签、分类的关联与嵌套 CURD。
  5. 5、解决复杂事务处理中的逻辑问题,提升业务代码的健壮性。
  6. 6、总结核心业务开发经验,覆盖内容与交易模块的扩展方向。
  7. 7、学习服务端打包优化,掌握 Prisma 多 Client 与 SWC 编译选项。
  8. 8、 深入打包过程优化,结合 Webpack 与 swc-loader 提升构建效率。
  9. 9、引入任务队列与调度,完成队列分类、定时任务与生命周期管理。
  10. 10、实现 Docker 容器化与镜像优化,掌握镜像压缩与运行调试技巧。
WebSocket实时通信与安全实践

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

课程安排
  1. 1、WebSocket基础理论,介绍WebSocket的基本原理和常见API。
  2. 2、开发第一个WebSocket应用:通过实例学习WebSocket的基本使用。
  3. 3、Socket.io应用:探讨socket.io的特性和适用场景。
  4. 4、NestJS与WebSocket:集成WebSocket到NestJS项目中,创建实时通信解决方案。
  5. 5、WebSocket通信策略:自定义WebSocket事件和数据处理逻辑。
  6. 6、客户端WebSocket工具类:实现心跳检测和断线重连逻辑。
  7. 7、WebSocket在单页应用(SPA)中的应用:使用单例模式管理WebSocket连接。
  8. 8、SharedWorker和WebSocket:使用SharedWorker共享WebSocket实例,实现多标签页数据同步。
  9. 9、网络代理与安全:实施代理服务器配置,包括反向代理和前置代理,以及相关网络安全措施。
  10. 10、HTTPS和SSL证书管理:在NestJS应用中启用HTTPS,管理SSL证书的申请和自动更新。

阶段六:【架构设计能力】微服务架构重构大型复杂项目:知识付费项目升级

  • 第20周
  • 第21周
微服务架构与gRPC通信实践

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

课程安排
  1. 1. 理解微服务与微前端的核心概念与典型应用场景。
  2. 2. 学习 NestJS 微服务入门实现,掌握装饰器、目录结构与容器化部署。
  3. 3. 深入掌握微服务高级特性,包括事件驱动通信与超时异常处理。
  4. 4. 使用 gRPC 实现微服务通信,熟悉 proto 文件转化与双端开发流程。
  5. 5. 配置 gRPC 安全通信,掌握 SSL 证书与多种服务测试方法。
  6. 6. 拆分核心业务模块,完成用户与网关微服务的开发与调用测试。
  7. 7. 使用代码生成工具(grpc-tools 等)自动生成 NestJS 微服务代码。
  8. 8. 掌握注册中心的作用,学习 Consul 的快速创建与配置流程。
  9. 9. 实践微服务注册与健康检查,实现 gRPC 服务与 Consul 的集成。
  10. 10. 总结微服务拆分与整合方法,构建高可用的分布式系统架构。
微服务高可用与Consul集成实践

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

课程安排
  1. 1. 微服务项目的 Monorepo 改造与版本控制,优化共享模块封装。
  2. 2. 学习 Consul 健康检查逻辑,掌握定时检测与动态 gRPC 客户端管理。
  3. 3. 使用 RxJS 优化客户端更新机制,结合拦截器实现异常重试请求。
  4. 4. 扩展 health.proto 并完成 User 微服务健康检查的全流程集成。
  5. 5. 抽象 HealthModule 为共享模块,统一管理健康检查逻辑。
  6. 6. 使用 Terminus 集成 Consul,实现多微服务端点的健康检查。
  7. 7. 管理多个 Consul 实例,支持多数据中心配置与跨中心访问。
  8. 8. 重构 ConsulCoreModule,统一 gRPC Client 初始化与依赖注入。
  9. 9. 实现统一的错误捕获与异常拦截器逻辑,提升系统鲁棒性。
  10. 10. 配合 Consul 完成微服务故障转移演示,构建高可用分布式架构。

阶段七:【小程序云开发】uniapp+unicloud及支付专题

  • 第22周
  • 第23周
  • 第24周
小程序与uni-app全栈开发实战

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

课程安排
  1. 1、学习小程序注册与后台配置流程,掌握工程目录与宿主环境。
  2. 2、比较主流跨端框架,掌握 uni-app 的项目结构与开发规范。
  3. 3、 使用 HBuilderX 创建 uni-app 项目,结合 ESLint 提升开发效率。
  4. 4、系统学习 uniCloud 云开发,完成云空间配置与云函数应用。
  5. 5、掌握 ClientDB 数据操作与插件生态,完成 CURD 案例与代码生成。
  6. 6、使用 uni-starter 模板项目快速初始化,体验快速开发流程。
  7. 7、优化 HBuilderX 开发环境,掌握调试技巧与 Pinia 集成。
  8. 8、完成 uni-admin 管理后台实战,掌握用户、应用与统一发布功能。
  9. 9、深入理解权限配置与 DBSchema,解决常见权限问题。
  10. 10、集成 uni-stat 统计与云函数安全通信,提升系统的数据与安全能力。
内容管理、商城闭环与AI能力集成

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

课程安排
  1. 1、掌握内容管理需求与 Schema 自动生成工具,快速生成前后端页面。
  2. 2、完成 uni-cms 模块的服务端与客户端配置,解决权限与常见问题。
  3. 3、集成 uview-plus 与 Tailwind/UnoCSS,完成首页 UI 结构与样式优化。
  4. 4、开发课程卡片与精品微课等基础组件,提升页面交互体验。
  5. 5、学习商城业务需求分析与数据库设计,掌握 sku/spu 等电商概念。
  6. 6、实现商品管理、标签关联与图片上传预览,完成云存储操作。
  7. 7、构建分类商品列表与瀑布流布局,完成数据接口对接与展示。
  8. 8、总结商城小闭环项目,实现从需求到前后端联调的完整开发流程。
  9. 9、集成 uni-ai 模块,完成配置、模板应用与聊天会话测试。
  10. 10、在微信小程序中接入 OpenAI 接口,掌握 stream 数据处理与鉴权机制。
小程序支付专题

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

课程安排
  1. 1、支付方案与多支付渠道使用技巧:深入解析个人与企业支付渠道的应用和技巧。
  2. 2、微信支付与支付宝支付的区别与特点:详述两大主流支付渠道的对比分析。
  3. 3、常见支付场景的小程序APIv3及开发步骤:解析APIv3接口在常见支付场景中的应用和开发流程。
  4. 4、小程序支付流程:深入探讨小程序的支付流程,重点理解其内部工作机制。
  5. 5、微信官方ERP:微信商户号及商户系统:介绍微信官方ERP的使用,以及如何有效管理微信商户号和商户系统。
  6. 6、支付准备工作:HTTPS、域名、企业认证,对支付功能的前置条件进行详细解读。
  7. 7、后端支付接口开发与支付流程对接:实战教学后端支付接口的开发和支付流程的对接。
  8. 8、小程序支付调起与支付结果确认:学习如何调起小程序支付以及如何确认支付结果。
  9. 9、内网调试HTTPS的技巧:frp&cloudflared内网穿透方案,分享frp内网穿透方案的实用技巧,提升HTTPS的内网调试效率。
  10. 10、小程序订单结果:微信主动通知+商户订单主动查询:讲解小程序订单结果的获取方式,包括微信主动通知和商户订单主动查询。

阶段八:【深耕底层】Vue+React源码解读,底层思维+技术双提升

  • 第25周
  • 第26周
  • 第27周
  • 第28周
React源码解析&生态核心技术方案

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

课程安排
  1. 1、React设计思想及优势:深入理解React的设计思想,了解其在现代前端开发中的优势和应用场景。
  2. 2、React新版本高性能原理:学习和探索Fiber和RequestIdelCallback,理解其在React中的作用和实现方式。
  3. 3、配置代码规范工具:在React项目中配置eslint、prettier等工具,保证代码质量。
  4. 4、搭建React&TypeScript通用企业项目模板:通过实战学习如何搭建一个通用的React与TypeScript项目模板,为后续的开发工作做好准备。
  5. 5、常见的React UI库:探索和学习常见的React UI库,如AntDesign、AntD Pro、Material UI等,提升开发效率。
  6. 6、学习React路由方案及常见API:理解React路由方案,学习并掌握常见的路由API。
  7. 7、React动态路由与参数获取:学习如何在React项目中实现动态路由和参数获取,提升项目的灵活性。
  8. 8、React路由配置与匹配原则:深入理解React路由的配置和匹配原则,为实现复杂的路由需求做好准备。
  9. 9、React路由工作原理与源码解读:通过源码解读,深入理解React路由的工作原理,提升对React生态的理解。
React组件库开发与工程化实践

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

课程安排
  1. 1、掌握组件库需求分析与整体设计,完成项目初始化与样式方案配置。
  2. 2、学习 Vite 打包与 stylelint 配置,构建工程化模板与公共样式。
  3. 3、开发 Button 组件,支持 loading、link 等多种状态与交互逻辑。
  4. 4、实现 Icon 组件,掌握 react-icons 集成与自定义图标封装方法。
  5. 5、完成 Menu 与 SubMenu 组件,掌握事件绑定与 React.Children 应用。
  6. 6、构建 Input 组件,扩展 prefix/suffix、allowClear 等功能。
  7. 7、实现 AutoComplete 组件,完成建议列表、键盘交互与样式优化。
  8. 8、引入 ReactTransitionGroup,封装 Transition 动画组件并应用到 Menu。
  9. 9、搭建 Jest 测试环境,完成 Button 与 Menu 的单元测试与事件验证。
  10. 10、学习组件库文档方案,集成 Storybook 与 vite-pages 完成文档化。
Vue3源码解读

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

课程安排
  1. 1、Vue框架原理:深入理解Vue框架的运行机制,通过源码探寻其底层实现逻辑。
  2. 2、Vue框架设计:探究Vue框架的设计思想,以及这些设计思想如何在源码中得到体现。
  3. 3、响应系统:解析Vue的响应式系统,掌握其工作原理和实现方式。
  4. 4、渲染器:了解Vue的渲染器如何工作,探究其如何将模板或渲染函数转化为实际的DOM。
  5. 5、组件化:学习Vue的组件化设计,理解组件的生命周期和数据传递方式。
  6. 6、编译器:探索Vue的编译器如何把模板转换为渲染函数,进一步理解Vue的渲染过程。
  7. 7、服务端渲染:介绍Vue的服务端渲染原理和流程,学习如何在Vue项目中实现服务端渲染。
  8. 8、Vue组件库打包方案:讲解如何打包Vue组件库,为实际项目提供支持。
职场规划与AI提示词工程

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

课程安排
  1. 1、探讨大龄程序员的职场压力与心态建设,明确个人发展方向。
  2. 2、学习职场定位与行业选择方法,借助 AI 工具辅助职业规划。
  3. 3、掌握简历撰写与岗位投递策略,提升面试通过率。
  4. 4、使用 AI 工具快速生成与优化简历,提升求职效率与竞争力。
  5. 5、系统认识提示词工程岗位与市场需求,理解行业发展趋势。
  6. 6、学习提示词编写原则与优化技巧,掌握角色设定、背景补充与分阶段提问。
  7. 7、实战应用 Cursor:安装配置、MCP 使用与代理方案解析。
  8. 8、深入掌握 Claude Code 的核心功能,理解其在 AI 辅助编程中的优势。
  9. 9、学习AI绘图王炸工具: Nano Banana,绘图提示词实践,掌握风格与构图控制。
  10. 10、总结提示词工程的核心技能与未来发展方向。

评价 好评

  • 简单的入门,兴趣的开始。

  • 老师讲的非常清楚,值得学习!

  • 挺好的适合像我这样的菜鸟,感觉还挺清楚的吧

预售规则

1. 定金支付成功后,可在“我的订单”-“未支付”栏查看所要支付尾款的订单。
2. 尾款支付开启后,请在规定时间内支付尾款,若超出尾款支付时间,订单将自动关闭。请关注短信、慕课网平台及慕课网微信号等渠道推送的提醒消息。
3. 定金可在课程原价基础上抵扣页面显示金额,具体数额及计算方式见详情页。
4. 已支付定金但未在规定时间支付尾款的用户,定金不可退。
5. 如您对预售活动有其它疑问,请联系客服:kf@imooc.com。