TS 教程求推荐

教程

TypeScript

推荐

系统性

53 条回复 • 2023-06-17 11:27:55 +08:00

1

BeautifulSoap

2023-06-13 12:54:11 +08:00 via Android

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

2

lng2020

2023-06-13 12:55:24 +08:00 via Android

蹲

3

aahao

2023-06-13 12:55:48 +08:00

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

4

thinkershare

2023-06-13 13:03:55 +08:00

2

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

5

thinkershare

2023-06-13 13:04:47 +08:00

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

6

Huelse

2023-06-13 13:08:14 +08:00

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

7

fivge

2023-06-13 13:12:21 +08:00

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

8

gscsnm

2023-06-13 13:18:44 +08:00

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

9

BeautifulSoap

2023-06-13 13:19:05 +08:00

@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 了

10

Henryy

2023-06-13 13:25:55 +08:00

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

11

Geo200

2023-06-13 13:26:30 +08:00

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

12

thinkershare

2023-06-13 13:41:35 +08:00

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

13

makelove

2023-06-13 14:06:23 +08:00

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

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

14

rahuahua

OP

2023-06-13 15:00:19 +08:00

谢谢大家的推荐~~

15

Hanser002

2023-06-13 15:00:41 +08:00

https://exercism.org/tracks/typescript

刷题！还有 mentor 在线指导

16

TWorldIsNButThis

2023-06-13 15:03:58 +08:00 via iPhone

1

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

17

songray

2023-06-13 15:11:23 +08:00

@TWorldIsNButThis 类型语言？那是啥

18

mmdsun

2023-06-13 15:14:48 +08:00

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

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

19

dudubaba

2023-06-13 15:18:20 +08:00

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

20

Moonless

2023-06-13 15:20:16 +08:00

Effective Typescript

21

kkocdko

2023-06-13 15:20:56 +08:00

@songray
可能是类似于

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

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

22

zhangfeiwudi

2023-06-13 15:23:17 +08:00

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

23

maplezzz

2023-06-13 15:36:23 +08:00

3

入门的话推荐一个 @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

24

uaoin

2023-06-13 16:08:26 +08:00

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

25

frankkly

2023-06-13 16:33:04 +08:00

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

26

izumiiAoba

2023-06-13 17:50:38 +08:00

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

27

BeautifulSoap

2023-06-13 18:03:29 +08:00

1

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

28

luzemin

2023-06-13 18:21:45 +08:00

1

https://zh.javascript.info/

29

Rain59

2023-06-13 19:01:54 +08:00

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

30

justin2018

2023-06-13 19:25:06 +08:00

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

31

rahuahua

OP

2023-06-13 19:27:36 +08:00

@Rain59 想学 cocoscreator ，用 ts

32

chaleaochexist

2023-06-13 20:48:24 +08:00

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

33

leokun

2023-06-13 20:59:47 +08:00

多用泛型就回了

34

harrozze

2023-06-13 21:14:38 +08:00

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

35

harrozze

2023-06-13 21:15:35 +08:00

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

36

streamrx

2023-06-13 21:49:18 +08:00 via iPhone

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

37

Mogamigawa

2023-06-13 22:11:57 +08:00 via Android

1

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

38

cssk

2023-06-13 22:19:19 +08:00 via iPhone

还以为是 Transsexual

39

harrozze

2023-06-13 23:57:57 +08:00

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