TypeScript 学习资源合集
2024-04-11 01:55:47
TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
Awesome TypeScript 库灵感来源于 dzharii/awesome-typescript，感谢 dzharii。
本文的资源主要来源于以下网站：
Chinese | English
目录
- Awesome TypeScript
- 目录
- TypeScript 教程
- 选型/新特性
- 中文资源
- 入门
- 进阶
- 实战
- 英文资源
- 特性
- 教程
- 示例
- 风格指南
- Awesome
- TypeScript Starter/Boilerplate
- TypeScript 设计模式
- TypeScript 视频
- 中文视频
- 英文视频
- TypeScript 问答
- TypeScript 书籍
- 中文书籍
- 英文书籍
- TypeScript 工具/库/框架
- 构建工具
- webpack
- gulp
- grunt
- compiler
- linter
- Ioc
- 文档生成
- 数据结构
- 数据库
- Server
- 构建工具
- TypeScript IDE
- Offline
- IDE/插件
- Online
- Playground
- Chrome 扩展
- Offline
- 贡献
- 指南
TypeScript 教程
选型/新特性
- 蚂蚁金服数据体验技术团队 - TypeScript体系调研报告
- Vilicvane - TypeScript 2.0 新特性一览
- Vilicvane - TypeScript 2.1 新特性一览
- Vilicvane - TypeScript 2.2 新特性一览
- Vilicvane - TypeScript 2.3 新特性一览
- Microsoft - TypeScript 2.4 新特性一览
- Vilicvane - TypeScript 2.5~2.6 新特性一览
- 黄子毅 - 精读<<TypeScript2.0 - 2.9>>
- Linux中国 - 一篇缺失的 TypeScript 介绍
- 单纯的土豆 - ES5, ES2015 和 TypeScript 的区别
- 三七二十 - TypeScript 的好处都有啥？和 JavaScript 的区别在哪？
- Grain 先森 - 前端-TypeScript VS JavaScript 深度对比
- 贺贺v5 - Angular2、Ionic、TypeScript、es6的关系？
- 极客学院 - 使用 TypeScript 提高开发能力
- Hevin - 为什么 Reddit 选择了 TypeScript？
- JiaXinYi - Angular: 我们为什么选择 TypeScript
- Djcordhose - 对比 Flow 和 TypeScript
- Neal1991 - 采用 Flow 以及 TypeScript
- 柳佳 - Flow vs. Typescript
- SDK.cn - Slack 的 TypeScript 之路
- RDDcoding - 熟悉全栈TypeScript
- Lxxyx - TypeScript - 不止稳，而且快
中文资源
入门
- Xcatliu - TypeScript 入门教程
- Taobaofed - 认识 TypeScript
- Shangpudxd - TypeScript 入门
- Muyunyun - 从 JavaScript 到 TypeScript
- Gukson - Typescript基础入门
- oWSQo - TypeScript 入门
- Semlinker - TypeScript 简介及编码规范
- 技术胖 - TypeScript图文视频教程
进阶
- Zhongsp - TypeScript Handbook (中文版)
- Bjcl - TypeScript 教程
- Jason - 你所不知道的 Typescript 与 Redux 类型优化
- 王亦斯 - 巧用 Typescript
- 三毛 - 巧用 TypeScript （一）
- 三毛 - 巧用 TypeScript （二）
- 三毛 - 巧用 TypeScript （三）
- 三毛 - 巧用 TypeScript （四）
- 三毛 - 巧用 TypeScript （五）
- Square - TypeScript 3.0 元组类型的用法和一些奇技淫巧
- Square - Typescript 类型高级技巧，和强约束 bind 的实现
- 腾讯NEXT学位 - 深入 TypeScript 的类型系统
- newraina - 手把手教写 TypeScript Transformer Plugin
- EER - TypeScript 重构 Axios 经验分享
- 三毛 - 深入理解 TypeScript
实战
Angular
- Yanxiaodi - Ionic 2 With TypeScript
- Cacivy - Angular 2 + TypeScript 实现的 Cnode 社区
Vue
- 薯条真的好好吃哦 - almost最好的Vue + Typescript系列01 环境搭建篇
- toBeTheLight - Vue 2.5中将迎来有关TypeScript的改进！
- 盘风 - Vue2.5+ Typescript 引入全面指南
- 腾讯Bugly - vuejs+ts+webpack2框架的项目实践
- LinkFly - 从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript
- SimonZhanglTer - 可能是最全的Vue-TypeScript教程(附实例代码和一键构建工具)
- 三命 - vue + typescript 进阶篇
- qiangdada - TypeScript + 大型项目实战
- 距离 - Vue全家桶+TypeScript使用总结
- 海蓝2018 - vue全家桶+Typescript开发一款习惯养成APP
- Treri - 使用FIS3 和 TypeScript 实现 vue-hackernews-2.0
- ?holyZhengs - 记录一次基于vue、typescript、pwa的项目由开发到部署
- 大转转FE - 原有vue项目接入typescript
- MartinYin - 使用typescript+vue 编写电影信息小项目！
- 三毛 - 在 Vue 中使用 TypeScript 的一些思考（实践）
React
- fi3ework - 基于 React + TypeScript 的网易云音乐
- iKcamp - 翻译 | 开始使用 TypeScript 和 React
- 贾顺名 - TypeScript在react项目中的实践
- 花生毛豆 - TypeScript 在 React 中使用总结
- icepy - 复杂 React 应用中的TypeScript 3.0实践
- 蚂蚁金服数据体验技术团队 - TypeScript 实践
- 蚂蚁金服数据体验技术团队 - TypeScript 2.8下的终极React组件模式
React Native
- 胡桓铭 - React Native 与 TypeScript 在企业开发中的实践
- Guyoung - 使用 TypeScript 开发微信小程序
Node.js
- MarxJiao - 使用webpack搭建基于typescript的node开发环境
- 天猪 - 当 Egg 遇到 TypeScript，收获茶叶蛋一枚
- 奇舞团 - ThinkJS 3.0 如何实现对 TypeScript 的支持
- 贾顺名 - TypeScript在node项目中的实践
- 贾顺名 - 使用 TS + Sequelize 实现更简洁的 CRUD
- YDJFE - 一次TypeScript, React, Node, MongoDB的模板式前后端分离开发实践
英文资源
特性
- Marius Schulz - TypeScript 2.0: The never Type
- Marius Schulz - TypeScript 2.0: Tagged Union Types
- Marius Schulz - TypeScript 2.0: Read-Only Properties
- Marius Schulz - TypeScript 2.1: Object Rest and Spread
- Marius Schulz - TypeScript 2.1: Mapped Types
- Marius Schulz - TypeScript 2.1: Improved Inference for Literal Types
- Marius Schulz - TypeScript 2.1: keyof and Lookup Types
- Marius Schulz - TypeScript 2.2: Dotted Properties and String Index Signatures
- Marius Schulz - TypeScript 2.3: Generic Parameter Defaults
- Marius Schulz - TypeScript 2.4: String Enums
- Marius Schulz - TypeScript 2.5: Optional catch Binding
- Marius Schulz - TypeScript 2.6: JSX Fragment Syntax
- Marius Schulz - TypeScript 2.7: Strict Property Initialization
- Marius Schulz - TypeScript 2.7: Numeric Separators
- Marius Schulz - TypeScript 2.8: Per-File JSX Factories
教程
- Microsoft - TypeScript-Handbook
- Microsoft - TypeScript Team Blog
- TypeStrong - Learn TypeScript
- Indrek Lasn - TypeScript — JavaScript with superpowers
- Indrek Lasn - TypeScript — JavaScript with superpowers II
- Martin Hochel - Interface vs Type alias in TypeScript 2.7
- Valentin PARSY - Typescript : class vs interface
- Victor Savkin - Functional TypeScript
- Netanel Basal - Using TypeScript Dynamic Imports in Angular
- Elena Sufieva - Advanced TypeScript Types with Examples
- Wolksoftware - Decorators Reflection JavaScript TypeScript
- Luis Aviles - Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular
- Jonny Fox - WebSocket + Node.js + Express — Step by step tutorial using Typescript
- Trey Huffine - TypeScript and React using create-react-app: A step-by-step guide to setting up your first app
- Rinto Jose - React Native with TypeScript
示例
- Microsoft - TypeScriptSamples
- DanWahlin - Angular-JumpStart
- chsakell - aspnet5-angular2-typescript
- Lemoncode - react-typescript-samples
- jaysoo - todomvc-redux-react-typescript
- rangle - typescript-react-redux-example
- luixaviles - socket-io-typescript-chat
- dwyl - hapi-typescript-example
风格指南
- piotrwitek - react-redux-typescript-guide
- labs42io - clean-code-typescript
- sw-yx - react-typescript-cheatsheet
Awesome
- dzharii - awesome-typescript
- brookshi - awesome-typescript-projects
TypeScript Starter/Boilerplate
- Microsoft - TypeScript-React-Starter
- Microsoft - TypeScript-Vue-Starter
- Microsoft - TypeScript-Knockout-Starter
- Microsoft - TypeScript-React-Native-Starter
- Microsoft - TypeScript-WeChat-Starter
- Microsoft - TypeScript-Babel-Starter
- Microsoft - TypeScript-Node-Starter
- wmonk - create-react-app-typescript
- rokoroku - react-redux-typescript-boilerplate
- bitjson - typescript-starter
- blove - typescript-express-starter
- w3tecch - express-typescript-boilerplate
TypeScript 设计模式
- 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 创建型模式
- 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 结构型模式（上）
- 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 结构型模式（下）
- 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 对象行为型模式（上）
- 蚂蚁金服数据体验技术团队 -Typescript玩转设计模式 之 对象行为型模式（下）
- 杜帅 - 浅析Typescript设计模式
- torokmark - design_patterns_in_typescript
TypeScript 视频
中文视频
- 慕课网 - TypeScript 入门
- 智能社 - TypeScript - 2小时带你体验微软新坑
- cnode - 2018年最新Typescript视频教程
英文视频
- egghead.io - Use Types Effectively in TypeScript
- egghead.io - Up and Running with TypeScript
- egghead.io - advanced-static-types-in-typescript
- Microsoft - Angular Applications with TypeScript
- udemy - TypeScript Fundamentals
- udemy - Introduction to TypeScript
- udemy - TypeScript: Learn the Basics in a Refreshing Way
- youtube - Evolving JavaScript with TypeScript
- scrimba - Introduction to TypeScript
TypeScript 问答
- Segmentfault - 为什么Angular2和Ionic2都用TypeScript开发，TypeScript有什么优势吗？
- Zhihu - TypeScript 和 JavaScript 的区别？
- Zhihu - 如何评价 TypeScript？
- Zhihu - 现在 TypeScript 的生态如何？
- Zhihu - 关于Typescript和ES6的对比？
- Zhihu - 为什么 TypeScript 成功了，更先进的 ActionScript 却失败了？
- Zhihu - Typescript有什么冷门但是很好用的特性？
- Zhihu - TypeScript中的装饰器(Decorators)的本质是什么
- Zhihu - 如何学习用Typescript写Reactjs?
TypeScript 书籍
中文书籍
- Learning TypeScript (中文版)
- 迈向 Angular 2: 基于 TypeScript 的高性能 SPA 框架
英文书籍
- TypeScript Essentials
- Mastering TypeScript
- Mastering TypeScript - Second Edition
- Learning TypeScript
- Learning TypeScript 2.x
- TypeScript 2.x By Example
- TypeScript 2.x for Angular Developers
- Angular 2 Development with TypeScript
- TypeScript: Modern JavaScript Development
- TypeScript Blueprints
- Pro TypeScript
- TypeScript Design Patterns
- TypeScript High Performance
- TypeScript Microservices
TypeScript 工具/库/框架
构建工具
webpack
- s-panferov - awesome-typescript-loader
- TypeStrong - ts-loader
gulp
- ivogabe - gulp-typescript
grunt
- TypeStrong - grunt-ts
compiler
- TypeStrong - ts-node
- AssemblyScript - assemblyscript
- bcherny - json-schema-to-typescript
- YousefED - typescript-json-schema
linter
- palantir - tslint
Ioc
- Inversify - InversifyJS
- Inversify - inversify-express-example
文档生成
- TypeStrong - typedoc
数据结构
- dcodeIO - protobuf.js
- basarat - typescript-collections
数据库
- Typeorm - typeorm
- RobinBuschmann - sequelize-typescript
Server
- Alibaba - egg.js
- welefen - thinkjs
- kamilmysliwiec - nest
TypeScript IDE
Offline
IDE/插件
- Visual Studio Community
- Visual Studio Code
- WebStorm
- PhpStorm
- TypeScript Sublime Plugin
- Atom TypeScript
- TypeScript Interactive Development Environment for Emacs
- TypeScript IDE for Eclipse
- TypeScript Syntax for VIM
Online
Playground
- TypeScript official Playground
- Stackblitz
- JS Bin
- Codepen
- TypeScript Editor
- TypeScript Interpret - Terminal Emulator
- TypeScript Play
Chrome 扩展
- OctoLinker
贡献
欢迎您的贡献 ?
指南
- 请您确保在正确的目录下补充资源项。
- 总是在列表项的末尾添加新的资源项，新增的规则请您保持与当前目录资源项格式一致。
- 如果您觉得某些项目归属到错误的目录下或认为需要添加新的目录，请您自由编辑。
⬆ 返回顶部
原文https://github.com/semlinker/awesome-typescript
TypeScript 学习资源合集相关推荐
- 网友：Java岗，自学一个月跳槽计算机视觉！附学习资源合集
笔者在脉脉上看到一条帖子:原来Java岗,自学一个月成功跳槽视觉算法岗. 这已经不是笔者第一次看到转行成功的程序员案例了,而大家的跳槽动机基本上都离不开,发展趋势.岗位高薪.职业兴趣. 计算机视觉 行 ...
- 人工智能新手入门学习路线！附学习资源合集
有段时间没跟大家分享编程资源福利了!今天为大家整理了人工智能新手入门学习路线,同时附700分钟的学习资源合集,相信这套福利可以帮你顺利入行AI!文末领取全部资料. 一.AI基础好课学习资料整理(约31 ...
- Unreal4 学习资源合集
Unreal4 学习资源合集 https://zhuanlan.zhihu.com/p/23712250?refer=VR2AR Unreal4 在国内资料还不是很多.列举一些资料供大家查阅学习. E ...
- 计算机专业学习资源合集 | 视频电子书资源
偶然发现的计算机资源的合集,大部分是视频教程,也有电子书等内容.亲测有效.希望对大家有所帮助. [C/C++]: 1.C语言 徐洪波 // 提取码:ukzc 链接:https://pan.baidu. ...
- Linux大全——Linux系统学习资源合集
这里主要是介绍Linux系统的各类知识与使用,内容涵盖Linux系统的基础知识.软件安装.编程开发等等.依次在此专栏下分类"Linux基础知识"."Linux软件安装&q ...
- MySQL精品学习资源合集 | 含学习教程笔记、运维技巧、图书推荐
MySQL凭借开源.免费.低门槛.稳定等优势,成为了当前最流行的关系型数据库之一.从1998年发行第一版以来,通过不断地更新迭代,MySQL被越来越多的公司使用,已然成为当下潮流. 为了帮助大家更好地 ...
- Angular.js 最强学习资源合集
http://blog.aijc.net/AngularLearing/ 转载于:https://www.cnblogs.com/heboliufengjie/p/4639176.html
- windows上在python玩耍深度学习资源合集
文章目录 一.windows上安装python版OpenCV 1.换源 2.升级pip 3.安装 二.安装GPU版pytorch 一.windows上安装python版OpenCV 首先要安装各种py ...
- 【总览】程序员前端、后端资源合集
[总览]程序员前端.后端资源合集 1.程序员日常聚集交流地 2.前端界面介绍 2.1 辅助工具 2.2 好的架构 2.3 源码 3后端API介绍 3.1 辅助工具 3.2 好的架构 3.3源码 4.前 ...
- 最新数据分析教程资源合集（案例、数据集、SQL教程、分析样板、面经、简历、PY教程... ）...
要想快速成为数据分析师的必备条件: 首先是数据处理能力:巨大的数据量不是EXCEL能处理的,因此需要有一定的编程技能(主要应用到python和SQL,python学习开发都比较简单,SQL用来数据库取 ...
最新文章
- 团队项目第一阶段冲刺站立会议1（4月18日）
- 11Grac+ASM+linux2.6.18 processes (100) exceeded
- WebService调用(基于KSOAP2)
- ffmpeg综合应用示例（一）——摄像头直播
- Eclipse 中 SDK无法更新---解决方法
- 熟悉的亲切-老外婆教做的豌豆蔬菜汤
- reverseString
- 把自己的文件做成ISO镜像文件
- ML之LoRBaggingRF：依次利用LoR、Bagging、RF算法对泰坦尼克号数据集 (Kaggle经典案例)获救人员进行二分类预测(最全)
- Linux文件预读对系统的影响
- hbase获取region以及读取每个region的第一行
- Java –什么是瞬态字段？
- 面试官：Spring MVC的处理流程是怎样的？
- php中while能break吗,php中break的作用
- 适合做短视频电商的人群分类
- 强化学习读书笔记 - 06~07 - 时序差分学习(Temporal-Difference Learning)
- oracle人才盘点演示,Oracle 11g Golden Gate DDL单向同步实例演示
- Windows Mobile 6 模拟器绿色中文版
- 矩阵的乘法（python、matlab、excel的不同实现方法）
- js锅打灰太狼小游戏