你将获得什么?
- 系统高效的 Vue 3 学习路径
- Vue 3 新特性剖析与源码解读
- 5 大 Vue 3 开发中的重难点解析
- 链接 6 大前端深水区所需技能
课程介绍
Vue 目前已经是国内最流⾏的前端框架之⼀,Vue 3 带来的诸多优化更是让前端圈迎来了新的潮流,比如:
- 基于 Proxy 的全新响应式实现;
- Composition API + <script setup> 组织代码的更优方式;
- 更有料的 TypeScript 支持;
- 新的 VDOM diff 逻辑;
- 更小的体积 + 更高的性能;
- 生态中还多了 Vite 这个新⼀代工程化工具。
可以说,Vue 3 很好地拥抱了未来,并且在新手友好度上做到了极致。
但即便如此,前端开发者们在学习 Vue 3 时还是会遇到一些困惑。因为大部分的前端工程师都是转行而来,而复杂场景优化和职业生涯进阶都需要系统的计算机训练,这也是前端从业人员割裂的主要原因。很多前端同学想要进阶却不得要领,每每尝试计算机的专业课都被难度劝退。
所以这个专栏除了帮助你进阶 Vue 的开发能⼒,也希望能够通过 Vue 生态源码搭建起前端和计算机知识体系的桥梁,让你窥探到编译原理、数据结构、设计模式等计算机理论在前端的实际应用。最终带你潜入前端技能深水区,全面提升前端开发的核心竞争力。
课程设计模块
整个专栏共分为以下五个部分:
课前导读篇:课程的前置知识,对齐学习目标,上手一个关于 Vue 3 的小应用,初识 Vue 3 新特性,了解 Vue 2 项目升级到 Vue 3 项目的注意事项。
基础入门篇:通过⼀个实例开发,对 Vue 3 的核心知识点做一个梳理,让你能够使用 Vue 3 进行简单的项目开发。
全家桶实战篇:介绍 Vue 相关的生态库,以及实战开发中需要用到的库,这一部分主要帮助你应对复杂项目。
Vue 3 进阶开发篇:在前两个部分的基础之上,进一步深入理解 Vue 本身,帮助初级开发者往中高级方向进阶。
Vue 3 生态源码篇:抛开常规的“考究”式源码分析,先宏观了解 Vue 的设计思路,也就是 Vue 为什么会是现在这个样子,之后带你手写实现 mini-vue。此为专栏的升华之处,你前面所积淀下来的编译原理、算法、设计模式等知识相当于你系统化学习前端的第一步,而这一步将会为你持续学习提供动力。
课程目录
开篇词|如何借助Vue3建构你的前端知识体系?
课程导读篇
01宏观视角:从前端框架发展史聊聊为什么要学Vue3?
02上手:一个清单应用带你入门Vue.js
03新特性:初探Vue3新特性
04升级:Vue2项目如何升级到Vue3?
基础入门篇
05项目启动:搭建Vue3工程化项目第一步
06新的代码组织方式:Composition APl+
到底好在哪里?
07巧妙的响应式:理解Vue3的响应式机制
08组件化:如何像搭积木一样开发网页?
09动画:Vue中如何实现动画效果?
全家桶实战篇
10数据流:如何使用Vuex设计你的数据流
11路由:新一代vue-router带来什么变化?
12调试:提高开发效率必备的Vue Devtools
13JSX:如何利用JSX应对更灵活的开发场景?
14TypeScript:Vue3中如何使用TypeScript
15实战痛点1:复杂Vue项目的规范和基础库封装
16实战痛点2:项目开发中的权限系统
17实战痛点3:Vue3中如何集成第三方框架
18实战痛点4:Vue3项目中的性能优化
19实战痛点5:如何打包发布你的Vue3应用?
Vue3进阶开发篇
20组件库:如何设计你自己的通用组件库?
21单元测试:如何使用TDD开发一个组件?
22表单:如何设计一个表单组件?
23弹窗:如何设计一个弹窗组件?
24树:如何设计一个树形组件?
25表格:如何设计一个表格组件?
26文档:如何给你的组件库设计一个可交互式文档?
27渲染器:如何自定义渲染器来实现一个小游戏?
Vue3生态源码篇
28响应式:万能面试题,怎么手写响应式系统
29运行时:Vue在浏览器里是怎么跑起来的?
30虚拟DOM(上):虚拟DOM在Vue和React中
发展的异同
31虚拟DOM(下):想看懂虚拟DOM算法,先刷个算法题
32编译原理(上)手写一个迷你Vue 3Compiler 的
入门原理
33编译原理(中):Vue Compiler模块全解析
34编译原理(下):编译原理给我们带来了什么?
35Vite原理:写一个迷你的Vite
36数据流原理:Vuex源码剖析
37前端路由原理:vue-router源码剖析
38服务端渲染原理:Vue3中的SSR是如何实现的?
结束语|ue3生态源码到底给我们带来了什么?
讲师介绍
大圣,前百度前端架构师,9 年前端开发经验,精通 Vue/React/ 前端工程化(源码级),对前端架构、小程序、移动端和 Node.js 整个前端技术栈均有着丰富的实战经验。同时,他也是组件库 Element3 作者,精进技术之余,多年保持稳定输出,对前端萌新如何快速进阶有着深刻的认识与独到见解。