Vue3 + React18 + TS4入门到实战 系统学习3大热门技术|无秘第9章

课程简介:

前端项目开发,基本绕不开 Vue + TS 或 React + TS ,因此,这已经成为前端开发工程师日常需掌握的三大热门技术。本课程针对真正的初级前端同学而设,带大家系统地掌握3者目前新版本的原理及应用,更高质量地完成工作。

目录:

  • 第1章 课程导学 – 了解本课程必看

    • 视频:1-1 课程介绍 与 学习指南(15:58)
    • 图文:1-2 课件获取方式及软件版本说明
    • 图文:1-3 项目在线访问地址
    • 图文:1-4 Vue、React、TS的发展历史

    第2章 Vue3核心概念及选项式API – 入门Vue3第一步

    • 视频:2-1 章节介绍(03:51)
    • 视频:2-2 MVC设计模式与MVVM设计模式(15:43)
    • 视频:2-3 选项式API的编程风格与优势(06:02)
    • 视频:2-4 声明式渲染及响应式数据实现原理(11:41)
    • 视频:2-5 指令系统与事件方法及传参处理(15:53)
    • 视频:2-6 计算属性与侦听器区别与原理(一)(14:09)
    • 视频:2-7 计算属性与侦听器区别与原理(二)(13:14)
    • 视频:2-8 条件渲染与列表渲染及注意点(22:08)
    • 视频:2-9 class样式与style样式的三种形态(07:11)
    • 视频:2-10 表单处理与双向数据绑定原理(09:23)
    • 视频:2-11 生命周期钩子函数及原理分析(17:52)
    • 视频:2-12 搜索关键词加筛选条件的综合案例(12:14)
    • 视频:2-13 章节总结(02:57)
    • 作业:2-14 测试题(选择)
    • 作业:2-15 测试题(实操)

    第3章 Vue3组件应用及单文件组件 – 抽象独立的代码

    • 视频:3-1 章节介绍(03:08)
    • 视频:3-2 组件的概念及组件的基本使用方式(20:49)
    • 视频:3-3 组件之间是如何进行互相通信的(20:24)
    • 视频:3-4 组件的属性与事件是如何进行处理的(10:10)
    • 视频:3-5 组件的内容是如何组合与分发处理的(10:56)
    • 视频:3-6 仿Element Plus框架的el-button按钮组件实现(09:26)
    • 视频:3-7 单文件组件SFC及Vue CLI脚手架的安装使用(15:38)
    • 视频:3-8 脚手架原理之webpack处理html文件和模块打包(16:57)
    • 视频:3-9 脚手架原理之webpack启动服务器和处理sourcemap(09:59)
    • 视频:3-10 脚手架原理之webpack处理样式模块和图片模块(08:09)
    • 视频:3-11 脚手架原理之webpack处理单文件组件及loader转换(06:29)
    • 图文:3-12 Vite3介绍及基本使用
    • 视频:3-13 仿Element Plus的el-rate评分组件实现(单文件组件)(15:27)
    • 视频:3-14 章节总结(02:51)
    • 作业:3-15 测试题(选择)
    • 作业:3-16 测试题(实操)

    第4章 Vue3语法系统进阶 – 全面掌握Vue3特性

    • 视频:4-1 章节介绍(01:57)
    • 视频:4-2 ref属性在元素和组件上的分别使用(09:18)
    • 视频:4-3 利用nextTick监听DOM更新后的情况(05:20)
    • 视频:4-4 自定义指令与自定义全局属性及应用场景(14:45)
    • 视频:4-5 复用组件功能之Mixin混入(05:17)
    • 视频:4-6 插件的概念及插件的实现(08:43)
    • 视频:4-7 Element Plus框架的安装与使用(12:51)
    • 视频:4-8 transition动画与过渡的实现(11:14)
    • 视频:4-9 动态组件与keep-alive组件缓存(08:28)
    • 视频:4-10 异步组件与Suspense一起使用(07:55)
    • 视频:4-11 跨组件间通信方案 Provide_Inject(08:05)
    • 视频:4-12 Teleport实现传送门功能(10:57)
    • 视频:4-13 虚拟DOM与render函数及Diff算法(07:42)
    • 视频:4-14 章节总结(05:46)
    • 作业:4-15 测试题(选择)
    • 作业:4-16 测试题(实操)

    第5章 Vue3组合式API详解 – 大型应用的高端写法

    • 视频:5-1 章节介绍(04:29)
    • 视频:5-2 setup方法与script_setup及ref响应式(10:44)
    • 视频:5-3 事件方法_计算属性_reactive_toRefs(08:51)
    • 视频:5-4 生命周期_watch_watchEffect-1(13:26)
    • 视频:5-5 生命周期_watch_watchEffect-2(10:03)
    • 视频:5-6 跨组件通信方案provide_inject(10:27)
    • 视频:5-7 复用组件功能之use函数(06:05)
    • 视频:5-8 利用defineProps与defineEmits进行组件通信(06:28)
    • 视频:5-9 利用组合式API开发复杂的搜索功能(06:42)
    • 视频:5-10 利用组合式API开发搜索提示列表(11:33)
    • 视频:5-11 利用组合式API开发搜索结果列表(07:42)
    • 视频:5-12 利用组合式API开发搜索历史列表(14:37)
    • 视频:5-13 章节总结(02:01)
    • 作业:5-14 测试题(选择)
    • 作业:5-15 测试题(实操)

    第6章 VueRouter路由与Vuex状态管理 – 组织与架构应用

    • 视频:6-1 章节介 绍(04:04)
    • 图文:6-2 什么是前端路由以及路由两种模式实现原理
    • 视频:6-3 路由的基本搭建与嵌套路由模式(13:03)
    • 视频:6-4 动态路由模式与编程式路由模式(08:19)
    • 视频:6-5 命名路由与命名视图与路由元信息(08:37)
    • 视频:6-6 路由传递参数的多种方式及应用场景(07:58)
    • 视频:6-7 详解route对象与router对象(05:57)
    • 视频:6-8 路由守卫详解及应用场景(10:22)
    • 图文:6-9 Vuex状态管理的概念及组件通信的总结
    • 视频:6-10 Vuex共享状态的基本开发流程(08:11)
    • 视频:6-11 Vuex处理异步状态及应用场景(07:29)
    • 视频:6-12 Vuex计算属性和辅助函数的使用(07:02)
    • 视频:6-13 Vuex-persist对数据进行持久化处理(06:28)
    • 视频:6-14 Vuex分割模块及多状态管理(11:05)
    • 视频:6-15 组合式API中使用Router和Vuex注意事项(06:18)
    • 视频:6-16 Router_Vuex的任务列表综合案例(12:33)
    • 图文:6-17 Vue状态管理之Pinia存储库
    • 视频:6-18 搭建 Vite3 + Pinia2 组合模式(20:11)
    • 视频:6-19 章节总结(03:38)
    • 作业:6-20 测试题(选择)
    • 作业:6-21 测试题(实操)

    第7章 TS4类型系统之基础使用 – TS4带来的编码优势

    • 视频:7-1 章节介绍(01:54)
    • 视频:7-2 为什么使用TS和TS运行环境搭建(20:29)
    • 视频:7-3 类型声明空间与变量声明空间(04:36)
    • 视频:7-4 类型注解与类型推断(03:23)
    • 视频:7-5 类型分类与联合类型与交叉类型(07:05)
    • 视频:7-6 never类型与any类型与unknown类型(10:20)
    • 视频:7-7 类型断言与非空断言(04:57)
    • 视频:7-8 数组类型与元组类型(03:54)
    • 视频:7-9 对象类型与索引签名(10:58)
    • 视频:7-10 函数类型与void类型(08:59)
    • 视频:7-11 函数重载与可调用注解(12:57)
    • 视频:7-12 枚举类型与const枚举(11:47)
    • 视频:7-13 章节总结(03:38)
    • 作业:7-14 测试题(选择)
    • 作业:7-15 测试题(实操)

    第8章 TS4类型系统之进阶使用 – 带您探索类型的世界

    • 视频:8-1 章节介绍(01:01)
    • 视频:8-2 详解接口与类型别名之间区别(09:38)
    • 视频:8-3 字面量类型和keyof关键字(06:40)
    • 视频:8-4 类型保护与自定义类型保护(09:58)
    • 视频:8-5 定义泛型和泛型常见操作(16:01)
    • 视频:8-6 类型兼容性详解(06:38)
    • 视频:8-7 映射类型与内置工具类型(17:25)
    • 视频:8-8 条件类型和infer关键字(14:58)
    • 视频:8-9 类中如何使用类型(12:11)
    • 视频:8-10 章节总结(03:30)
    • 作业:8-11 测试题(选择)
    • 作业:8-12 测试题(实操)

    第9章 TS4扩展内容与Vue3结合使用 – 融会贯通TS结合Vue

    • 视频:9-1 章节介绍(02:24)
    • 视频:9-2 d.ts声明文件和declare关键字(11:12)
    • 视频:9-3 @types和DefinitelyTyped仓库(07:01)
    • 视频:9-4 lib.d.ts和global.d.ts(04:28)
    • 视频:9-5 详解tsconfig.json配置文件(29:13)
    • 视频:9-6 Vue选项式API中如何使用TS(11:45)
    • 视频:9-7 Vue选项式API中组件通信使用TS(10:42)
    • 视频:9-8 Vue组合式API中如何使用TS(05:57)
    • 视频:9-9 Vue组合式API中组件通信使用TS(08:44)
    • 视频:9-10 VueRouter路由如何使用TS(12:22)
    • 视频:9-11 Vuex状态管理如何使用TS(12:14)
    • 视频:9-12 -1Vuex状态管理如何使用TS(14:16)
    • 图文:9-13 Pinia状态管理如何使用TS最近学习
    • 视频:9-14 Element Plus中如何使用TS(06:57)
    • 视频:9-15 章节总结(04:01)
    • 作业:9-16 测试题(选择)
    • 作业:9-17 测试题(实操)
资源下载赞赏金额10.4立即下载    升级VIP后免费升级VIP
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
赞赏金额价格10.4立即下载    升级VIP后免费立即升级
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
0
分享到:

评论0

请先

限时优惠:年费只要【126】终身会员只要【186】充值会员,畅想无限   立即开通
没有账号? 忘记密码?