
网盘:百度 | 学分:5,VIP免费 | 发布:2023-02-22 | 查看:0 | 更新:2023-11-17 | web前端
【WEB前端】Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用|完结无秘|百度云下载
网盘:百度 | 学分:5,VIP免费 | 发布:2023-02-22 | 查看:0 | 更新:2023-11-17 | web前端
【WEB前端】Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用|完结无秘|百度云下载
〖课程介绍〗:
&nBSp; Vue3.0+TS打造企业级组件库,前端中高级开发者必修课,打造高级轮子+核心源码剖析+项目开发全流程,从0开始构建一个高质量的开源表单生成器,实现团队开发效率的倍增。结合Vue3.0的源码,带你真正理解Vue3的开发与应用,实现前端技术水平的快速进阶,快速掌握Vue3.0在企业中实际应用的同学。聚焦市场用人标准 前端高手必修课程
&nBSp; 现任某大型互联网公司前端架构师,带领50多位前端小伙伴开发前端项目,他非常清楚前端的学习及发展方向,非常了解学习一个技术的方法,非常擅于引导前端工程师学习进步,在实际工作中,他多次组织公司内部培训,在技术和职业发展方向上给了同事和同学很多正向的指引。在React开发领域研究深入,代表作有《React 源码深度解析 高级前端工程师必备技能》等课程。
〖课程目录〗:
第1章 关于这门课,你需要知道的 5 节 | 42分钟
第2章 【项目启动】项目的创建以及各个技术部件介绍 10 节 | 132分钟
本章中,我们来创建项目的主题工程。基础设施决定整个项目将来是否合理,所以在最开始需要尽可能将会用到的功能考虑进去,在这里我们会确定项目的配置,Vue3的开发模式,ts的使用方式等。
视频:2-6 setup的运用和其意义 (21:56)
第3章 【准备基础】JsonSchema标准和使用方式介绍6 节 | 59分钟
这里介绍什么是json schema,她的功能是什么,在什么场景进行使用等。我们会讲解基本的字段和语义,以及如何进行校验等。
视频:3-1 什么是json-schema (09:22)
视频:3-2 如何试用ajv来定义和校验json-schema (13:25)
视频:3-3 json-schema的fomart和自定义format (08:35)
第4章 【基础功能开发】实现组件库的主流程8 节 | 89分钟
我们需要根据json schema来生成表单,那么肯定需要依赖一些规则,json schema的语义就是最简单的规则。根据type的定义来进行不同的渲染方式就是最简单的方式,我们称之为renderer,在这一章中我们会实现这些一些简单类型的renderer。…
作业:4-8 【讨论题】你如何看待Css in Js
第5章 【挑战难度】复合型的复杂节点渲染实现9 节 | 131分钟
在json schema中有一些类型我们称之为复合类型,他们相对于上一章的节点来说比较复杂,比如对象节点可以里面有很多的string节点和number节点,那么这类节点的渲染方式肯定会更有难度和挑战性。
视频:5-5 完成ObjectField的渲染 (19:54)
视频:5-7 固定长度数组的渲染 (09:21)
视频:5-8 单类型数组的渲染 (26:29)
视频:5-9 多选数组的渲染 (15:04)
第6章 【提升质量】为组件提供单元测试10 节 | 138分钟
作为一个组件库,是可能被很多人用在他们自己的项目中的,那么质量和稳定性就是这个组件库是否好用的标准。单元测试的完整性是保证组件质量最高效合理的方法,所以这一章我们会为我们的项目加入单元测试的支持,并且使用Vue标配的测试库Vue-test-utils来帮助我们方便得测试组件。…
第7章 【扩展视野】设计一个主题系统来满足各种不同的需求9 节 | 111分钟
这一章中我们设计一套主题系统,为什么需要设计主题呢?因为对于不同的用户来说,他们可能希望表单的最终展现形式是不一样的。但是核心的表单规则和校验是可以通用的,我们把不同的部分拆分出来,通过实现主题就可以实现不同的展现啦。…
视频:7-9 迁移NumberWidget (05:36)
第8章 【深入原理】vue3响应式原理逐行源码解析10 节 | 168分钟
本章中会再次深度分析Vue setup方法涉及到的API和使用方法,并总结一套Vue setup的最佳实践。因为setup是Vue3最大的更新亮点,也是最能体现Vue3和Vue2差别的部分,可以说未来大部分的Vue开发都会使用setup,所以这是极其重要的一部分,非常有必要单独拿出一章来进行深度分析。…
第9章 【保障安全】表单校验功能开发9 节 | 120分钟
表单表单,怎么能缺少表单校验呢?可以说我们之所以讲解表单组件,并把上面的组件归类为表单组件,最大的一个原因就是我们需要对这些组件的交互结果进行校验,所以自古以来,组件库对于表单校验功能的要求都是空前高的。在课程中我们会实现一套完整的表单校验功能,甚至不必开源组件诸如element-ui之类的差,这简直可以成为…
视频:9-2 从父组件调用子组件在setup中声明的方法 (12:35)
视频:9-3 实现ajv的校验过程 (09:34)
视频:9-4 转换错误信息到errorSchema (19:52)
视频:9-9 异步校验的实现 (19:13)
第10章 【深度扩展】完善表单组件库功能5 节 | 65分钟
对于表单,一些常用的组件可以实现80%的功能,但是一些不那么通用的功能我们还是需要进行一些自定义的。在我们系统中,通过定义表单项接入的接口形式来规定表单组件的接入方式。
第11章 【我在开源社区等你】开源项目发布流程以及课程总结7 节 | 75分钟
组件库如何打包发布,让更多的人认识它并爱上他?在这章中会向你一一介绍。相信学完这门课并且能够自主完成作业的同学,你已经比60%的Vue开发者要强大了!加油~~
*声明:课程资源购自网络,版权归原作者所有,仅供参考学习使用,严禁外传及商用,若侵犯到您的权益请联系客服删除。