With 40+ Articles, You Will Not Be Confused When Learning TypeScript
Through Vivid Animations, You Can Easily Understand the Difficult Points and Core Knowledge of TypeScript! Continuously Updated~~~
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*f1j_y98p4zYxXGLD-fNvDQ.jpeg)
Welcome to the Mastering TypeScript series). This series will introduce the core knowledge and techniques of TypeScript in the form of animations. Let’s learn together!
· Base ∘ What Are K, T, and V in TypeScript Generics? ∘ TypeScript Visualized: 15 Most Used Utility Types ∘ Easily Understand TypeScript Generic Utility Types ∘ What Exactly Are Types in TypeScript? ∘ No More Confusion About TypeScript’s Type and Interface ∘ Master the TypeScript Keyof Type Operator ∘ 5 Very Useful Tricks for TypeScript Typeof Operator ∘ How To Define Objects Type With Unknown Structures in TypeScript? ∘ What are Function Overloads in TypeScript? ∘ Purpose of Declare Keyword in TypeScript ∘ 10 Things You Need To Know About TypeScript Interface ∘ TypeScript Decorators in 6 Minutes · Advanced ∘ Using TypeScript Mapped Types Like a Pro ∘ Using TypeScript Conditional Types Like a Pro ∘ Using TypeScript infer Like a Pro ∘ Using TypeScript Template Literal Types Like a Pro ∘ Using TypeScript Intersection Types Like a Pro ∘ Using TypeScript Union Types Like a Pro ∘ 10 Things You Need To Know About TypeScript Classes · Type Challenges ∘ Implement the Built-In Pick Utility Type ∘ Implement the Built-In Omit Utility Type ∘ Implement the RequiredByKeys Utility Type ∘ Implement the PartialByKeys Utility Type ∘ Implement the OmitByType Utility Type ∘ Implement the PickByType Utility Type ∘ Implement the IsAny Utility Type · Design Patterns ∘ Strategy Pattern in TypeScript ∘ Chain of Responsibility Pattern in TypeScript ∘ Template Method Pattern in TypeScript ∘ Observer Pattern in TypeScript ∘ Adapter Pattern in TypeScript ∘ Simple Factory Pattern in TypeScript ∘ Factory Method Pattern in TypeScript ∘ Abstract Factory Pattern in TypeScript ∘ Builder Pattern in TypeScript ∘ Flyweight Pattern in TypeScript ∘ Singleton Pattern in TypeScript ∘ Facade Pattern in TypeScript ∘ Proxy Pattern in TypeScript ∘ Command Pattern in TypeScript
Base
What Are K, T, and V in TypeScript Generics?
In the form of animation, let you figure out the variables such as K, T, V in TypeScript generics!
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*oq5VVDHQtYuELwcV0wRjLA.gif)
TypeScript Visualized: 15 Most Used Utility Types
Utility Types — Explained with animations. Master TypeScript Utility Types and understand how TypeScript’s built-in Utility Types work.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*qhvW4fB-g-RXVGvhYakabg.gif)
Easily Understand TypeScript Generic Utility Types
Helps you better understand how the built-in utiltiy types work.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*jBlsQebf6Fe67Fo0JwqA1g.jpeg)
What Exactly Are Types in TypeScript?
Master Types in TypeScript and Understand the TypeScript System. Take Your TypeScript Skills One Step Further.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*7aMOGgYfWqjhSPE642uASQ.jpeg)
No More Confusion About TypeScript’s Type and Interface
Explained with animations. Master the similarities and differences between Type and Interface, and understand their usage scenarios.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*NXl3d79FQBpZin-Hv5W_Og.jpeg)
Master the TypeScript Keyof Type Operator
In the form of animation, let you figure out the role of the keyof operator in the built-in utility types of TypeScript.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*7KTf2Gi8Zno2YYto_UR7Xw.jpeg)
5 Very Useful Tricks for TypeScript Typeof Operator
In the form of animation, let you understand the 5 major usage scenarios of the typeof
operator in the built-in utility types of TypeScript.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*ydxUMjz9sILWRCzr7ffLWw.jpeg)
How To Define Objects Type With Unknown Structures in TypeScript?
A problem that most people encounter when learning TypeScript, how many solutions can you think of?
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*qHZCe8ZQp1NlT-pu.jpeg)
What are Function Overloads in TypeScript?
A Simple Explanation of Function Overloading in TypeScript, Helps You Understand Overload Signatures and Implementation Signature.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*T0uZVbLST7y65HTeuagsyg.jpeg)
Purpose of Declare Keyword in TypeScript
A detailed introduction to the role of TypeScript ‘declare’, so you are not a stranger to *.d.ts files.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*_eJJMN6fbB0iqyuAKuIy6Q.jpeg)
10 Things You Need To Know About TypeScript Interface
TypeScript Decorators in 6 Minutes
Advanced
Using TypeScript Mapped Types Like a Pro
Mapped Types — Explained with animations. Master TypeScript Mapped Types and understand how TypeScript’s built-in Utility Types work.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*YK9f_jV3ETabwSDqHUSCmQ.gif)
Using TypeScript Conditional Types Like a Pro
Explained with animations. Master TypeScript Conditional Types and understand how TypeScript’s built-in Utility Types work.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*WZzYl65l23BN8IQ1oVuBrA.gif)
Using TypeScript infer Like a Pro
After learning this article, you can easily use conditional types and infer to develop various utility types to implement type inference.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*mki-531FqeSL6R5dhWbhCA.jpeg)
Using TypeScript Template Literal Types Like a Pro
Write more elegant TypeScript code by learning how to use Template Literal Types. Explained with animations.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*Q8xVC_oIzraNZ-ZGDFgpxw.jpeg)
Using TypeScript Intersection Types Like a Pro
Details of what you should know about TypeScript Intersection Types — explained with animations.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*mvY1GunoyiNUZY_9KC6mSQ.gif)
Using TypeScript Union Types Like a Pro
Knowledge About Union Types That Every TypeScript Developer Should Master
10 Things You Need To Know About TypeScript Classes
Master the Knowledge Related to TypeScript Classes and Better Practice the Idea of Object-Oriented Programming.
![](https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*WHbuIKF6CzN7o5g8Xy-i2g.jpeg)
Type Challenges
Implement the Built-In Pick<T, K> Utility Type
Implement the Built-In Omit<T, K> Utility Type
Implement the RequiredByKeys<T, K> Utility Type
Implement the PartialByKeys<T, K> Utility Type
Implement the OmitByType<T, U> Utility Type
Implement the PickByType Utility Type
Implement the IsAny<T> Utility Type
Design Patterns
Strategy Pattern in TypeScript
Chain of Responsibility Pattern in TypeScript
Template Method Pattern in TypeScript
Observer Pattern in TypeScript
Adapter Pattern in TypeScript
Simple Factory Pattern in TypeScript
Factory Method Pattern in TypeScript
Abstract Factory Pattern in TypeScript
Builder Pattern in TypeScript
Flyweight Pattern in TypeScript
Singleton Pattern in TypeScript
Facade Pattern in TypeScript
Proxy Pattern in TypeScript
Command Pattern in TypeScript
If you like to learn TypeScript in the form of animation, you can follow me on Medium or Twitter to read more about TypeScript and JavaScript!