TS 教程求推荐

[rahuahua]

想系统性学下 TypeScript ，有什么号的教程 /电子书推荐下吧

[BeautifulSoap]

要学 TS ，先学 JS 。虽然估计 lz 多半不乐意碰 JS ，但是你是躲不开的

[lng2020]

蹲

[aahao]

官网？ https://www.typescriptlang.org/docs/

[thinkershare]

MDN(JavaScript) -> 官网的入门教程 -> https://type-level-typescript.com(让你理解 TypeScript 的类型系统)

[thinkershare]

Type Level Typescript 系列的文章真的值得一看，作者对 TypeScript 的类型系统的理解是非常到位的。

[Huelse]

可以看方应杭的 TypeScript 全解合集，讲得还不错。

[fivge]

[深入理解 TypeScript | 深入理解 TypeScript]( https://jkchao.github.io/typescript-book-chinese/)

[gscsnm]

蹲。蹲一个初学教程，从 js 到 ts 的。
js 最开始就不愿意学。。

[BeautifulSoap]

@aahao 不推荐官网。因为你点进官网的 [TS for the New Programmer] 页面，然后就会看到官网直接明说了 “We frequently see the question “Should I learn JavaScript or TypeScript?“.The answer is that you can’t learn TypeScript without learning JavaScript! ”
TS 官网都直接让你去先学 JS 了

[Henryy]

TypeScript 类型体操通关秘籍
https://juejin.cn/book/7047524421182947366

[Geo200]

@thinkershare #5 可惜只免费前四章，后面都得订阅了，订阅价格还不低...

[thinkershare]

@Geo200 没办法，作者可能也要吃饭。内容真的值得这个价格，即便是前面四章，也比网上大多内容有透彻。

[makelove]

学技术只看官网资料，最全面细致

当然了 ts 有些不同，因为这货颇有些不得不用的奇技淫巧官网没有，还需搭配少量博客

[rahuahua]

谢谢大家的推荐~~

[Hanser002]

https://exercism.org/tracks/typescript

刷题！还有 mentor 在线指导

[TWorldIsNButThis]

@makelove 官网刻意隐藏了类型语言存在的事实
还有 infer 这种我当时翻了半天也没翻到哪里提及过

[songray]

@TWorldIsNButThis 类型语言？那是啥

[mmdsun]

微软家的语言怎么不找微软出的教程呢？

https://learn.microsoft.com/zh-cn/training/browse/?terms=typescript

[dudubaba]

看官方文档就可以了，ts 只能算 js 的补丁，不管你多写 ts 多牛，只要是团队合作的业务项目最后都沦为 any 。。。

[Moonless]

Effective Typescript

[kkocdko]

@songray
可能是类似于

type Id<T> = {} & { [P in keyof T]: T[P] };
export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {

这类的东西，有时候 JavaScript 里复杂的重载逻辑需要用 TypeScript 里各种复杂的类型语法来描述。官网的教程似乎偏简单了一些，很多东西没有讲到。还是得翻 reference 。

[zhangfeiwudi]

我有 JavaScript 基础，最近也在学 ts ，看大家都推荐的官方教程啊？

[maplezzz]

入门的话推荐一个 @xcatliu 大佬的 TypeScript 入门教程，我刚开始学 ts 的时候看过，写的还是比较浅显易懂的，配合着官方文档一起看基本够用了。看完文档后最好再做一些题，我之前做过的是 type-challenges 和 和 type-exercises

http://ts.xcatliu.com/
https://github.com/type-challenges/type-challenges
https://github.com/typescript-exercises/typescript-exercises

[uaoin]

入门直接看官网
深入一点就类型体操
绝对就够用了

[frankkly]

我以为你说的 TS 是...........

[izumiiAoba]

@BeautifulSoap 官网的 handbook 写的还是不错的，个人感觉

[BeautifulSoap]

@izumiiAoba lz 问的这个问题明显就是 JS 也不会，不会 JS 的情况下直接看官网文档是不可能学好 TS 的，因为 TS 官方文档就是以你已经会 JS 为前提写的

[luzemin]

https://zh.javascript.info/

[Rain59]

感觉没有必要学，前端业务里边其实不推荐用

[justin2018]

基于项目驱动学习 类型体操有点麻烦

[rahuahua]

@Rain59 想学 cocoscreator ，用 ts

[chaleaochexist]

还行, 本帖不全是让看官网的.

[leokun]

多用泛型就回了

[harrozze]

@zhangfeiwudi #22 有 JS 基础的话，把这帖子提到的几个教程的基础部分看一下，主要是一些非 JS 关键字要了解一下，然后找个 ts 的项目直接看代码，或者找个课题直接撸代码比较好。差不多了再去找相对高级的教程，把一些复杂用法弄明白。

[harrozze]

顺带说一句，vim 对 ts 的语法加亮会严重拖慢 vim 的速度，甚至卡死（ ctrl-c 可以中端）。我是在 linux 里用 vim 的，不知道 neovim 有没有这问题。

[streamrx]

@harrozze 你用 vim 是把 vim 当编辑器插件还是直接用 vim? 前端写代码要经常打开游览器看效果，用 postman 调接口等等要切到其他窗口， 如果直接用 vim 感觉真没啥优势

[Mogamigawa]

你在这里问，大多数人会给你推荐官网文档，不用打开我就猜到了

[cssk]

还以为是 Transsexual

[harrozze]

@streamrx #36 直接用，就是 linux terminal 里跑个 vim 。想要调试的话可以用 screen 或 tmux 套一层，虚拟多窗口。少量调接口的工作用 curl 命令行，大量调接口的工作就上 python 或者 nodjs ，用自动化测试工具或者爬虫工具都能胜任，也不费事。切浏览器也还好吧。重点在于，除了测试页面会用到鼠标之外，手不用离开主键盘区。

[Aloento]

@BeautifulSoap #9 然后我就是反其道而行之，写了好久前端了，直接从 TS 入的手

[ChenSino]

有编程经验，尤其是面向对象编程，ts 上手真的非常容易，我看的这个教程： http://ts.xcatliu.com/

[xyholic]

看看基本语法然后开始刷体操题
https://github.com/type-challenges/type-challenges/blob/main/README.zh-CN.md

[shaozelin030405]

@xyholic 我把简单和中等做完了就没有玩了，还是挺有意思的

[ediron]

这两天在打派派，下意识以为你是想学身法

[Margarethe]

社区现在正在逐步抛弃 ts ，op 如果是为找工作可以学学，如果是为技术，可以不着急学

[LOWINC]

千万不要用在谷歌搜图里搜索 ts playground

[7gugu]

官网文档当工具书看看还行，系统性学习没啥太大帮助

[kuma42710]

@Margarethe #45 真的假的，刚学了一段时间 ts ，b 站都学完一个系列视频了

[rahuahua]

@Margarethe 前端这么浪的吗？ 后端一个语言还是能稳挺长时间的

[weixiangzhe]

来一波类型体操吗 https://github.com/type-challenges/type-challenges

[3000codes]

不写工具的话,会一些基础的完全够用,你还没入门就直接类型体操的话就相当于劝退了

[karott7]

耐心点看官网就好了，然后抽空看下每个版本的 release note ，确实像 infer 这样的语法在教程找不到，只能在 release note 找，这也是没办法的，想长期用某个语言或者框架的最新特性肯定得看 release note ，边学边用

[amlee]

@thinkershare #5 我读了免费部分，确实好棒。

但 79 刀真的是血贵