实战训练营

  • Vue3+TS中后台系统
  • Typescript+ReactHooks实现全栈项目
  • 持续集成CI/CD实战
  • K8S实战训练营
  • 微信电商小程序实战
  • Antv/G6实现思维导图实战
  • 可视化监控实战训练营
  • lowcode可视化拖拽组件训练营
  • 从零实现脚手架vue-cli实战
  • nestjs基础到实战项目实战
  • Typescript+React17组件库实战
  • Vue3+ts组件库实战
  • 前端全链路监控实战训练营
  • uni-app电商实战训练营
  • Egg.js从实战到源码训练营
  • 浏览器插件实战训练营
  • Vscode插件开发实战训练营
  • npm私服搭建和npm知识体系训练营
  • 电商网站抢购脚本
  • electron视频系统实战训练营
  • nest-serverless-graphql训练营

Vue3
Webpack5

  • 手写 Vue3.0 模板编译原理
  • 手写 Vue3.0 响应式原理(实现 reactive ref computed effect)
  • 手写 Vue3.0 虚拟DOM及组件渲染原理
  • 手写 Vue3.0 中生命周期原理及异步渲染原理
  • 手写 Vue3.0 中的 DOM-DIFF 算法
  • 手写 Vite2.0 工具实现原理及热更新原理
  • 手写Vue3中diff算法属性比对及子元素比对流程
  • 手写Vue3中最长递增子序列算法
  • webpack课程全面升级为webpack5,包括webpack5的新特性,比如webpack5的模块联邦实现微前端
  • 手写更为复杂的webpack插件和loader,比如骨架屏插件、DllPlugin插件等
  • 手写 px2rem-loader、style-loader和 css-loader
  • CSS抽象语法树

React17
前端编译原理

  • react全面升级为React17
  • React路由升级为hooks版本
  • react-redux升级为hooks版本
  • 更多的redux中间件 redux-actions reselect redux-persist
  • 全新的状态React官方管理库recoil和有限状态机版的xstate
  • Typescript+React17全新组件库
  • 全新的umi3实战和手写umi3课程
  • 全新的Antdesign4版基于hooks的Form组件
  • 有限状态机
  • 词法分析和语法分析
  • 递归下降算法和上下文无关文法
  • 手写babel和babel插件
  • 手写JSX到JS的babel转换插件
  • React自定义Hooks实战
  • 前端人的健康之道
  • 实现px2remLoader
  • 从零实现rollup和tree-shaking
  • React17面试题源码级大汇总
  • 从零实现create-react-app脚手架
  • 从零实现@vue/cli 4.0脚手架
  • 浏览器渲染原理和性能优化
  • 从零实现Umi3和插件系统
  • webpack5性能优化
  • 更多更新详情请看大纲

课程大纲:

– 第一部分 核心课程:Vue.js全家桶
– 第二部分 核心课程:Node.js
– 第三部分 核心课程:React全家桶
– 第四部分 专题课程
– 第五部分 项目实战训练营