这门课解决什么问题

这门课主要针对前后端开发者，特别是那些希望提升自己在 TypeScript 和 Vue 3.0 方面技能的技术学习者。你将能够解决以下几个问题：

  • 了解并掌握 TypeScript 的基本语法和高级特性，如类、接口、泛型等。
  • 熟悉 Vue 3.0 的新特性和改进，特别是响应式系统和生命周期钩子。
  • 学会在 Vue 3.0 中使用 TypeScript，提升代码质量和类型安全。
  • 掌握如何构建和维护一个现代的 Vue 3.0 项目。

适合什么基础，建议先看哪几块

如果你已经有了一定的前端开发基础，特别是对 JavaScript 和 HTML/CSS 有一定了解的话，那么这门课非常适合你。建议你先观看以下几块内容：

  • 第2章 你好 Typescript： 从基础开始学习 TypeScript，了解其基本概念和高级特性，特别是泛型和接口，这将为后续的 Vue 项目开发打下坚实的基础。
  • 第3章 初识 Vue3.0： 专注于 Vue 3.0 的新特性和改进，特别是响应式系统和生命周期钩子。这部分内容将帮助你快速上手 Vue 3.0。

学完能独立做什么，资料怎么配合练习

学完这门课后，你将能够独立完成以下任务：

  • 使用 TypeScript 编写高质量的前端代码，提高代码的可维护性和可读性。
  • 构建一个简单的 Vue 3.0 项目，利用其新特性和响应式系统。
  • 在 Vue 3.0 项目中集成 TypeScript，确保类型安全。

为了更好地配合练习，建议你：

  • 下载配套的代码库，跟随视频中的示例代码进行实践。
  • 尝试在自己的项目中应用学习到的知识，比如使用泛型和接口。
  • 动手实现一些小项目，如鼠标追踪器、侦测变化等，以加深对 Vue 3.0 和 TypeScript 语法的理解。

课程目录

第1章 课程介绍
| ├──1-1 课程介绍（导学 ）.mp4 105.59M
| └──1-2 代码库和在线文档使用注意事项（必看）.mp4 35.97M
第2章 你好 Typescript： 进入类型的世界
| ├──2-1 什么是 Typescript.mp4 16.97M
| ├──2-10 类和接口 - 完美搭档.mp4 20.22M
| ├──2-11 枚举（Enum）.mp4 19.84M
| ├──2-12 泛型（Generics） 第一部分.mp4 32.81M
| ├──2-13 泛型（Generics） 第二部分 - 约束泛型.mp4 32.31M
| ├──2-14 泛型第三部分 - 泛型在类和接口中的使用.mp4 53.47M
| ├──2-15 类型别名，字面量 和 交叉类型.mp4 30.34M
| ├──2-16 声明文件.mp4 50.44M
| ├──2-17 内置类型.mp4 71.78M
| ├──2-2 为什么要学习 typescript.mp4 16.34M
| ├──2-3 安装 typescript.mp4 26.19M
| ├──2-4 原始数据类型和 Any 类型.mp4 27.81M
| ├──2-5 数组和元组.mp4 23.56M
| ├──2-6 Interface- 接口 初探.mp4 12.38M
| ├──2-7 函数.mp4 22.56M
| ├──2-8 类型推论 联合类型和 类型断言.mp4 37.41M
| └──2-9 class - 类 初次见面.mp4 45.62M
第3章 初识 Vue3.0： 新特性详解
| ├──3-1 vue3 新特性巡礼 (2).mp4 6.30M
| ├──3-10 vue3 模块化妙用- 鼠标追踪器 (2).mp4 33.81M
| ├──3-11 模块化难度上升 - useURLLoader (2).mp4 34.08M
| ├──3-12 模块化结合typescript - 泛型改造 (3).mp4 30.99M
| ├──3-13 Typescript 对 vue3 的加持 (2).mp4 12.51M
| ├──3-14 Teleport - 瞬间移动 第一部分 (2).mp4 10.17M
| ├──3-15 Teleport - 瞬间移动 第二部分 (2).mp4 27.23M
| ├──3-16 Suspense - 异步请求好帮手第一部分 (2).mp4 11.14M
| ├──3-17 Suspense - 异步请求好帮手第二部分 (2).mp4 23.62M
| ├──3-18 全局 API 修改 (2).mp4 15.65M
| ├──3-2 为什么会有 vue3 (2).mp4 9.21M
| ├──3-3 使用 vue-cli 配置 vue3 开发环境 (2).mp4 14.84M
| ├──3-4 项目文件结构分析和推荐插件安装 (2).mp4 29.81M
| ├──3-6 更近一步 - reactive (2).mp4 29.49M
| ├──3-7 vue3 响应式对象的新花样 (2).mp4 18.88M
| ├──3-8 老瓶新酒 - 生命周期 (2).mp4 17.32M
| └──3-9 侦测变化 - watch (2).mp4 24.10M
第4章 项目起航 - 准备工作和第一个页面
| ├──4-1 项目起航 需求分析.mp4 60.62M
| ├──4-10 Dropdown 组件点击外部区域自动隐藏.mp4 118.66M
| ├──4-11 useClickOutside 第一个自定义函数.mp4 58.69M
| ├──4-2 文件结构和代码规范.mp4 46.09M
| ├──4-3 样式解决方案简介和分析.mp4 58.03M
| ├──4-4 设计图拆分和组件属性分析.mp4 18.62M
| ├──4-5 ColumnList 组件编码.mp4 80.72M
| ├──4-6 ColumnList 组件使用 Bootstrap 美化.mp4 83.94M
| ├──4-7 GobalHeader 组件编码.mp4 75.94M
| ├──4-8 Dropdown 组件基本功能编码.mp4 69.16M
| └──4-9 Dropdown 组件添加 DropdownItem.mp4 67.78M
第5章 表单的世界 - 完成自定义 Form 组件
| ├──5-1 web 世界的经典元素 - 表单.mp4 26.19M
| ├──5-10 ValidateForm 编码第四部分 - 大功告成.mp4 68.31M
| ├──5-2 ValidateInput 第一部分 — 简单的实现.mp4 77.91M
| ├──5-3 ValidateInput 第二部分 —抽象验证规则.mp4 120.78M
| ├──5-4 ValidateInput 第三部分 — 支持 v-model.mp4 105.88M
| ├──5-5 ValidateInput 编码第四部分 — 使用 $attrs 支持默认属性.mp4 86.16M
| ├──5-6 ValidateForm 组件需求分析.mp4 19.38M
| ├──5-7 ValidateForm 编码第一部分 - 使用插槽 slot.mp4 91.56M
| ├──5-8 ValidateForm 编码第二部分 - 尝试父子通讯.mp4 111.84M
| └──5-9 ValidateForm 编码第三部分 - 寻找外援 mitt.mp4 67.91M
第6章 请你吃全家桶 - 初步使用 vue-router 和 vuex
| ├──6-1 什么是 SPA（Single Page Application） 应用？ (2).mp4 27.51M
| ├──6-10 添加新建文章页面 (2).mp4 29.23M
| ├──6-11 Vue router 添加路由守卫 - 前置守卫 (2).mp4 22.04M
| ├──6-12 Vue router 添加路由守卫 - 使用元信息完成权限管理 (2).mp4 13.00M
| ├──6-2 vue-router 安装和使用 (2).mp4 14.97M
| ├──6-4 vue-router 添加路由 (2).mp4 35.61M
| ├──6-5 添加 columnDetail页面 (2).mp4 30.20M
| ├──6-6 状态管理工具是什么 (2).mp4 9.12M
| ├──6-7 Vuex 简介和安装 (2).mp4 21.08M
| ├──6-8 Vuex 整合当前应用 (2).mp4 36.32M
| └──6-9 使用 Vuex getters (2).mp4 22.84M
第7章 前后端结合 - 项目整合后端接口
| ├──7-1 前后端分离开发是什么.mp4 12.72M
| ├──7-10 Loader 组件编码第二部分 - 使用 Teleport 进行改造.mp4 63.34M
| ├──7-2 RESTful API 设计理念.mp4 57.22M
| ├──7-3 使用 swagger在线文档查看接口详情.mp4 93.78M
| ├──7-4 axios 的基本用法和独家后端API 使用（必看）.mp4 67.94M