获取资料

Vue3 + Typescript 从0到1开发通用基础组件「完结无密」

Vue3 + Typescript 从0到1开发通用基础组件课程介绍

Vue3+Typescript 前端两大火热技术 从理论到开发

前端工程师都在用的Vue3.0+Typescript,你还没听说过?别慌,现在还来得及!本课程带你全面学懂、学会、学透Typescript,透彻掌握Vue3 的新特性,跟随由浅入深的项目开发学习节奏,体验企业级代码规范与流程。学习快人一步,升职快人一步!

相关课程

基于Vue3最新标准,实现后台前端综合解决方案[2022升级版]

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染

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

Vue3 + Typescript 从0到1开发通用基础组件「完结无密」

课程实战项目 – 手把手搭建知乎专栏首页,在项目中实现TS与Vue完美结合

通用的仿知乎专栏页面组件,拆解式问题解决思维,标准的项目结构、代码规范落地编程经验,助力职场

Vue3 + Typescript 从0到1开发通用基础组件「完结无密」

Vue3 + Typescript 从0到1开发通用基础组件课程目录

第1章 课程简介 试看1 节 | 4分钟

本章节介绍整个课程的内容,让大家了解课程的核心和安排。

1-1 导学 (03:52)

第2章 你好 Typescript: 进入类型的世界

本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices 等,迅速帮助大家理解 TS 的基础使用方式和语法。

2-1 [预习]课程食用指南

2-2 什么是 Typescript (05:54)

2-3 为什么要学习 typescript (06:04)

2-4 安装 typescript (05:59)

2-5 安装 Typescript 文档

2-6 原始数据类型和 Any 类型 (06:04)

2-7 数组和元组 (06:52)

2-8 Interface- 接口 初探 (05:40)

2-9 函数 (06:52)

2-10 类型推论 联合类型和 类型断言 (07:43)

2-11 枚举(Enum) (07:11)

2-12 泛型(Generics) 第一部分 (07:28)

2-13 泛型(Generics) 第二部分 – 约束泛型 (06:07)

2-14 泛型第三部分 – 泛型在类和接口中的使用 (08:47)

2-15 类型别名,字面量 和 交叉类型 (07:12)

2-16 内置类型 (08:33)

第3章 初识 Vue3.0: 新特性详解

首先浏览 vue3 新带来的变化,然后从为什么会有 vue3 引出话题, 带领大家学习 compostion API,自定义 Hooks,Teleport,Suspense 和 全局 API 修改等一系列 vue3 的重大更新。

3-1 章节导学

3-2 vue3 新特性巡礼 (04:45)

3-3 [扩展学习]使用 vue-cli 配置 vue3 开发环境

3-4 [扩展学习]项目文件结构分析和推荐插件安装

3-5 为什么会有 vue3 (07:09)

3-6 vue3 – ref 的妙用 (08:20)

3-7 vue3 reactive (10:14)

3-8 vue3 响应式对象的新花样 (06:51)

3-9 vue3 生命周期 (07:00)

3-10 vue3 watch检测变化 (07:16)

3-11 vue3 模块化-追踪鼠标 (09:04)

3-12 vue3 模块化 第二部分 (09:40)

3-13 vue3 模块化 泛型改造 (08:28)

3-14 typescript 对 组件的加持 (05:48)

3-15 vue3 teleport 第一部分 (05:47)

3-16 vue3 teleport 第二部分 (09:16)

3-17 vue3 suspense 第一部分 (05:10)

3-18 vue3 suspense 第二部分 (06:31)

3-19 vue3 global api change (07:13)

第4章 项目起航 – 准备工作和第一个页面

章从项目的需求开始分析,然后确定项目的整体结构和代码规范,并且为项目选择 Bootstrap 作为样式库,编写 ColumnList 和 GlobalHeader 完成简单的练手以后,开始挑战第一个比较复杂的 Dropdown 下拉菜单组件,最后还抽象抽象出第一个 hooks 函数。…

4-1 章节导学

4-2 需求分析 (10:42)

4-3 文件结构和代码规范

4-4 样式解决方案 (07:37)

4-5 设计图拆封和组件属性分析 (05:31)

4-6 ColumnList 编码第一部分 (10:58)

4-7 ColumnList 第二部分 (09:56)

4-8 GobalHeader 组件 (08:29)

4-9 Dropdown 第一部分 (08:41)

4-10 Dropdown 第二部分 (08:16)

4-11 Dropdown 第三部分 (08:35)

4-12 useClickOutside 第一个自定义函数 (07:27)

Vue3+Typescript 前端两大火热技术 从理论到开发资源目录截图:

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址