收藏

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

2021 慕课名师带你循序渐进、系统提升新技术的实战能力

Vue3 + Typescript 从0到1开发通用基础组件

3人拼团 1.00 原价¥128.00
难度 初级 时长 6小时10分钟 学习人数 7020 综合评分 9.97

Vue3 + Typescript 从0到1开发通用基础组件

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

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

    收起列表

    • 视频: 1-1 导学 (03:52) 试看
  • 第2章 你好 Typescript: 进入类型的世界 试看 19 节 | 97分钟

    本章主要帮助大家理解 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)
    • 图文: 2-17 【讨论题】对 Typescript 初步学习后的印象和困惑
    • 图文: 2-18 【扩展】简单理解 Typescript 的配置文件 tsconfig.json
    • 图文: 2-19 本章回顾
  • 第3章 初识 Vue3.0: 新特性详解 23 节 | 119分钟

    首先浏览 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)
    • 图文: 3-20 【扩展学习】学习 Vue3 中的两种实例
    • 图文: 3-21 【讨论题】你对 vue3 的 composition API 有怎样的感觉?
    • 图文: 3-22 【学习任务】写一个 hooks 函数,来监听键盘的按键
    • 图文: 3-23 本章回顾
  • 第4章 项目起航 - 准备工作和第一个页面 18 节 | 87分钟

    章从项目的需求开始分析,然后确定项目的整体结构和代码规范,并且为项目选择 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)
    • 图文: 4-13 【讨论题】谈谈你在工作中常用的样式解决方案?
    • 图文: 4-14 【学习任务】总结项目的文件结构和代码规范,并且产出对应的标准文档
    • 图文: 4-15 【扩展学习】学习使用 ESlint 的配置文件
    • 图文: 4-16 本章回顾
    • 图文: 4-17 【测试】 5 道面试题
    • 图文: 4-18 后续学习建议
本课程已完结

试看

全部试看小节



讲师

张轩 Web前端工程师

曾在Apple、百度担任高级前端开发工程师,是《React全栈:Redux Flux webpack Babel整合开发》该书作者,拥有丰富的Web开发经验,喜欢追寻新技术,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题