设为首页 收藏本站
开启辅助访问 切换到宽版 快捷导航
菜单

编辑推荐

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用

[复制链接]
admin发表于 2020-12-3 18:03:00 | 显示全部楼层 |阅读模式
Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用
主讲:Jokcy Web前端工程师课时:时长 19小时
在本课程中,我将带你从0开始构建一个高质量的开源的表单生成器。这个表单生成器也是我们团队中正在用的,对开发效率有着非常明显的提升和帮助(3倍左右)。在这个开发过程中,我还会带你梳理项目开发中的大小问题,踏平项目实际操作中大大小小的坑。结合Vue3.0的源码,带你真正理解Vue3的开发与应用,实现前端技术水平的快速进阶。对于有过一定Vue开发经验,希望可以快速掌握Vue3.0在企业中实际应用的同学,这门课程非常适合你。
售价 : 42金钱
提取码 : 购买后方可查看

课程介绍

QQ截图20201130204225.png
QQ截图20201203175505.png
QQ截图20201203175512.png
QQ截图20201203175519.png

Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用

在本课程中,我将带你从0开始构建一个高质量的开源的表单生成器。这个表单生成器也是我们团队中正在用的,对开发效率有着非常明显的提升和帮助(3倍左右)。在这个开发过程中,我还会带你梳理项目开发中的大小问题,踏平项目实际操作中大大小小的坑。结合Vue3.0的源码,带你真正理解Vue3的开发与应用,实现前端技术水平的快速进阶。对于有过一定Vue开发经验,希望可以快速掌握Vue3.0在企业中实际应用的同学,这门课程非常适合你。

适合人群
一年以上工作经验的前端开发者
想要提升自己代码质量、追求极致编码风格、
向往从业务开发者迈入卓越前端开发者行列的同学
技术储备要求
熟悉Vue.js 基础
有Vue.js相关实际开发经验更佳
了解TS基础语法
另:
1:《Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用来自某课网,原价399,由猿人部落整理发布!猿人部落承诺,本站所有课程百分百清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验!2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷!
3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看!
4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意!
5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。
6:爱好学习,一直提升自己的小伙伴可以
开通会员,享受全站免金币无限制畅快学习!
7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清

提取码:zj8f


如需咨询请点击

章节目录:
第1章 关于这门课,你需要知道的 试看
本章中,将向大家介绍本门课的相关信息,包括你能学到的知识概览、最终项目效果、课程讲解方式以及相关储备知识介绍等等。

共 4 节 (42分钟) 收起列表

1-1 课前须知,这里有你需要了解的一切 (09:58)试看
1-2 开始学习之前你需要了解的 (04:55)
1-3 Vue3更新概览 (19:36)
1-4 关于TS的学习 (07:27)
第2章 【项目启动】项目的创建以及各个技术部件介绍 试看
本章中,我们来创建项目的主题工程。基础设施决定整个项目将来是否合理,所以在最开始需要尽可能将会用到的功能考虑进去,在这里我们会确定项目的配置,vue3的开发模式,ts的使用方式等。

共 9 节 (132分钟) 收起列表

2-1 创建vue3的项目和目录结构讲解 (15:58)
2-2 代码格式化工具prettier (08:36)
2-3 如何用ts在vue3中定义组件 (24:05)试看
2-4 如何提取props定义 (07:52)
2-5 于vue的h函数详细讲解 (16:03)
2-6 setup的运用和其意义 (21:56)试看
2-7 setup返回render函数的用法 (11:09)
2-8 使用jsx开发vue3组件 (21:58)
2-9 为什么vscode没有对props类型进行提醒 (03:42)
第3章 【准备基础】JsonSchema标准和使用方式介绍
这里介绍什么是json schema,她的功能是什么,在什么场景进行使用等。我们会讲解基本的字段和语义,以及如何进行校验等。

共 6 节 (59分钟) 收起列表

3-1 什么是json-schema (09:22)
3-2 如何试用ajv来定义和校验json-schema (13:25)
3-3 json-schema的fomart和自定义format (08:35)
3-4 如何自定义关键字 (15:37)
3-5 如何转换错误语言自定义关键字如何自定义错误信息 (05:38)
3-6 如何自定义错误信息 (05:58)
第4章 【基础功能开发】实现组件库的主流程
我们需要根据json schema来生成表单,那么肯定需要依赖一些规则,json schema的语义就是最简单的规则。根据type的定义来进行不同的渲染方式就是最简单的方式,我们称之为renderer,在这一章中我们会实现这些一些简单类型的renderer。...

共 7 节 (89分钟) 收起列表

4-1 课程目标和接口定义 (09:40)
4-2 实现demo项目 (17:08)
4-3 展示项目的APP完善 (06:17)
4-4 开始实现SchemaForm (14:23)
4-5 组件SchemaItem的实现 (10:26)
4-6 使用SFC的setup语法开发StringField组件 (18:48)
4-7 NumberField节点渲染的实现 (12:05)
第5章 【挑战难度】复合型的复杂节点渲染实现
在json schema中有一些类型我们称之为复合类型,他们相对于上一章的节点来说比较复杂,比如对象节点可以里面有很多的string节点和number节点,那么这类节点的渲染方式肯定会更有难度和挑战性。

共 8 节 (131分钟) 收起列表

5-1 复杂节点的渲染章节介绍和准备 (10:23)
5-2 开始实现ObjectField渲染并处理循环依赖的问题 (18:09)
5-3 使用provide跨层级传递信息以及provide源码解析 (19:12)
5-4 完成ObjectField的渲染 (19:54)
5-5 数据节点的渲染设计 (12:09)
5-6 固定长度数组的渲染 (09:21)
5-7 单类型数组的渲染 (26:29)
5-8 多选数组的渲染 (15:04)
第6章 【提升质量】为组件提供单元测试
作为一个组件库,是可能被很多人用在他们自己的项目中的,那么质量和稳定性就是这个组件库是否好用的标准。单元测试的完整性是保证组件质量最高效合理的方法,所以这一章我们会为我们的项目加入单元测试的支持,并且使用vue标配的测试库vue-test-utils来帮助我们方便得测试组件。...

共 9 节 (138分钟) 收起列表

6-1 什么是单元测试以及为什嘛要单元测试 (08:53)
6-2 如何部署jest单元测试 (16:48)
6-3 如何使用jest写测试用例 (26:03)
6-4 如何使用vue-test-utils测试vue3的组件 (17:55)
6-5 正式开始单元测试之问题解决 (17:56)
6-6 正式开始单元测试补全 (08:54)
6-7 单元测试的指标讲解 (09:54)
6-8 ObjectField的单元测试完善 (16:27)
6-9 ArrayField的单元测试补全 (14:32)
第7章 【扩展视野】设计一个主题系统来满足各种不同的需求
这一章中我们设计一套主题系统,为什么需要设计主题呢?因为对于不同的用户来说,他们可能希望表单的最终展现形式是不一样的。但是核心的表单规则和校验是可以通用的,我们把不同的部分拆分出来,通过实现主题就可以实现不同的展现啦。...

共 9 节 (111分钟) 收起列表

7-1 为什么需要主题系统 (09:15)
7-2 拆分主题的代码打包 (13:03)
7-3 拆分主题并进行定义 (16:56)
7-4 使用ThemeProvider进行解耦 (18:52)
7-5 解决TS的定义问题 (13:39)
7-6 修复单元测试 (11:21)
7-7 迁移TextWidget和mergeProps (12:29)
7-8 Controlled-Input功能的实现 (09:11)
7-9 迁移NumberWidget (05:36)
第8章 【深入原理】vue3响应式原理逐行源码解析
本章中会再次深度分析vue setup方法涉及到的API和使用方法,并总结一套vue setup的最佳实践。因为setup是vue3最大的更新亮点,也是最能体现vue3和vue2差别的部分,可以说未来大部分的vue开发都会使用setup,所以这是极其重要的一部分,非常有必要单独拿出一章来进行深度分析。...

共 10 节 (168分钟) 收起列表

8-1 reactive函数源码解析 (20:48)
8-2 proxy的handler源码详解 (18:16)
8-3 proxy的set和其他代理详解 (11:56)
8-4 集合类型的代理函数详解 (16:12)
8-5 ref和computed源码详解 (15:08)
8-6 整体过一遍watchEffect的API实现 (21:02)
8-7 最重要的effect源码深度逐行解析(上) (14:27)
8-8 最重要的effect源码深度逐行解析(下) (15:46)
8-9 关于effect理解的一些补充 (15:48)
8-10 关于vue3的调度scheduler的源码解析 (18:34)
第9章 【深度扩展】各种自定义渲染功能集成开发
对于表单,一些常用的组件可以实现80%的功能,但是一些不那么通用的功能我们还是需要进行一些自定义的。在我们系统中,将会通过定义表单项接入的接口形式来规定表单组件的接入方式。

共 9 节 (120分钟) 收起列表

9-1 关于本章以及jsonschema的错误对象解析 (07:46)
9-2 从父组件调用子组件在setup中声明的方法 (12:35)
9-3 实现ajv的校验过程 (09:34)
9-4 转换错误信息到errorSchema (19:52)
9-5 把错误信息向下传递 (07:55)
9-6 实现FormItem组件来展示label和错误信息 (12:16)
9-7 通过高阶组件抽离FormItem逻辑 (13:04)
9-8 实现自定义校验的功能 (17:32)
9-9 异步校验的实现 (19:13)
第10章 【保障安全】表单校验功能开发
表单表单,怎么能缺少表单校验呢?可以说我们之所以讲解表单组件,并把上面的组件归类为表单组件,最大的一个原因就是我们需要对这些组件的交互结果进行校验,所以自古以来,组件库对于表单校验功能的要求都是空前高的。在课程中我们会实现一套完整的表单校验功能,甚至不必开源组件诸如element-ui之类的差,这简直可以成为...

共 5 节 (65分钟) 收起列表

10-1 关于自定义组件的功能介绍 (08:54)
10-2 使用widget字段实现自定义渲染 (10:19)
10-3 uiSchema更多的使用场景扩展 (08:26)
10-4 实现自定义format的自定义渲染 (20:46)
10-5 关自定义keyword来扩张功能实现 (15:52)
第11章 【我在开源社区等你】开源项目发布流程以及课程总结
组件库如何打包发布,让更多的人认识它并爱上他?在这章中会向你一一介绍。相信学完这门课并且能够自主完成作业的同学,你已经比60%的vue开发者要强大了!加油~~

共 7 节 (75分钟) 收起列表

11-1 关于自动化构建相关的知识介绍 (09:26)
11-2 创建github仓库以及配置自动化构建 (14:28)
11-3 调整单元测试和命令 (03:54)
11-4 上传覆盖率数据道codecov (09:15)
11-5 发布类库到npm (07:27)
11-6 课程总结(上) (14:40)
11-7 课程总结(下) (14:52)
本课程已完结



回复

使用道具 举报

精彩评论16

xlf888发表于 2020-12-4 00:06:33 | 显示全部楼层
疫情期间在家学习充电岂不美哉...
回复

使用道具 举报

sakura发表于 2020-12-4 00:06:38 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

liguoqinjim发表于 2020-12-4 00:06:39 | 显示全部楼层
猿人部落确实课程质量到位!
回复

使用道具 举报

byzzz发表于 2020-12-4 00:06:44 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

q794964922发表于 2020-12-4 00:06:47 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

GGccUU20发表于 2020-12-4 00:06:51 | 显示全部楼层
厉害了!
回复

使用道具 举报

qwe123发表于 2020-12-4 00:06:54 | 显示全部楼层
老板 源码是不是那个压缩包?
回复

使用道具 举报

slomo发表于 2020-12-4 01:21:41 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

lemon_发表于 2020-12-4 01:34:18 | 显示全部楼层
刚过了个520加一个521穷疯了幸亏有这个网站,,,
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则