首页 实战 晋级TypeScript高手,成为抢手的前端开发人才
收藏

晋级TypeScript高手,成为抢手的前端开发人才

融合Vue3源码,集技巧与实战一体的TS高级课程

晋级TypeScript高手,成为抢手的前端开发人才

难度 高级 时长 35小时 学习人数 871 综合评分 9.89

TypeScript已经异常火爆,几乎每一家IT企业在招聘前端时,都要求熟练掌握TS。但许多前端开发者虽然已经使用很多年TS,但是技术仅停留在皮毛,对于TS理解并不透彻。这就导致在实际工作中难以应对复杂问题,发挥TS的最大优势。本课程基于多个真实项目:手写vuex及Promise源码 ,并对TS高级核心知识类和泛型进行了深度讲解,并融合了Vue3源码,由浅入深,提升大家综合运用TS的能力。

keviny79
讲师

前百度技术专家

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

轻松驾驭 TypeScript 高级用法, 突破前端成长瓶颈

从底层思想到技能跃迁,深度掌握TS

告别一知半解
跃升TS大牛
课程中穿插着大量的真实场景下
的 TS 应用案例,通过通俗易懂
的讲解,掌握TS高级技能点。
拒绝蜻蜓点水
深度理解原理
讲透类、泛型、装饰器等核心知
识。了解 TS 底层 JS 源码,力
求学精学透 。
远离纸上谈兵
解决实际问题
提升综合运用 TS 的能力,轻松
驾驭公司项目,解决复杂问题。

渐进式学习 构建 TypeScript 完整高阶知识体系

千万级项目开发,源自一点一滴的积累

深度解剖TS底层源码,读懂复杂语法

取材一线工作实际,带来最接地气的演示

手写优化版的 TS
继承底层 JS 源码代码片段
TS 泛型函数重载+交叉类型+泛型约束
真实应用场景代码片段
带参数检测的泛型工厂
函数实例方法代码片段
手写 Promise 源码代码片段

实战和原理兼顾,掌握TS高级技能点

结合讲师大厂工作经验,讲解通俗易懂

手写底层源码
立足实战应用

运用 TypeScript 手写 Promise 源码

运用 TypeScript 手写 Vuex 源码

手写 TS 继承底层 JS 源码,并优化

实现泛型分页类,实现带参数的泛型工厂函数实例方法

大量真实场景
讲解深入浅出

使用 localStorage 类来讲解单件设计模式

使用 FileUtil 来讲解静态方法

使用复杂排序器来讲解泛型函数和泛型函数重载

使用简练版的 Java 的 ArrayList 来讲解泛型类的好处

使用微信信息检索功能来讲解函数重载的好处

融合Vue3源码
加固理解函数

深入 Vue3 源码,了解自定义守卫关键点

融合 Vue3 源码,掌握泛型约束高级应用

拆解 Vue3 响应式应用,剖析泛型函数重载

课程大纲
第1章 课程简介
本章对课程总体做了介绍,包括:课程亮点,面向人群,课程的总大纲。
第2章 全栈思维全面深度掌握 TS 类(本章赠送,会的略过!)
TS 类底层 最核心的知识是 JS 原型,所以本章首先深入讲解 了JS 原型【本章原型讲解一定能带给同学们不同以往、全新的收获。】;随后运用全栈思维讲解 TS 类和TS类底层源码,接下来深讲类的晋级技能——类引用属性和它的真实应用场景;最后详讲构造器赋值和 TS4 新赋值方式,并详细对比了新旧赋值的不同。
第3章 TS类方法代码优化的三大法宝: 函数重载、类方法重载、类构造器重载
三大重载是 TS 非常重要的代码优化技能,Vue3 底层源码就多处使用到带泛型的函数重载,类的方法重载丶类构造器重载在一些大中项目的复杂应用场景中也频频被用到。本章结合真实应用场景分别讲解了为什么要用函数重载,函数重载的5大规则和多个细则,并轻松过渡到方法重载,构造器重载的讲解。
第4章 TS 类易被忽视的重要技能,单件设计模式和相关技能深入 (本章赠送,会的略过)
本章从单件设计模式的定义和定义陷阱入手,讲述了单件模式的多个应用场景;然后运用单件模式重构了 localStorage 类;接下来详解了单件设计模式关联的静态属性的 9 大规则丶以及静态方法对项目带来的好处,这些静态属性会在下一章手写 TS 继承底层源码时被应用到;最后讲解单件设计模式第二种实现和两种实现的区别。
第5章 TS继承深入+手写优化底层源码 (1~18节 赠送,会的略过!)
本章分为四个阶段。第一阶段为 TS 继承底层的铺路石——原型链继承,借用构造函数和组合模式继承等; 第二阶段是TS 继承底层的灵魂——寄生组合原型继承【最佳继承模式】;第三阶段运用在真实项目场景来理解 TS 继承思想,super,方法重写等;第四阶段手写并优化了 TS 继承底层 JS 源码【提升JS原型继承功底的绝佳场景】
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

学练一体
课程不仅包括视频讲解,还提供相关
练习、巩固学习效果的环节。
答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的教辅材料实时上传。
适合人群
了解 TS 知识但不够深入的人
想大幅提升 TS 水平的前端开发者
难以应付复杂 TS 技术问题的人
技术储备
JavaScript 基础
ES6 基础
Vue 基础
环境参数
语言: TypeScript4、Vue3、Express4
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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