View the Frontend Masters video course for TypeScript Fundamentals v4 here

TypeScript Fundamentals v4

Learn everything you need to know in order to confidently and successfully use TypeScript to build a modern JavaScript app.


We'll discuss the goals and agenda of this course, and how to get up and running with the workshop project in 2 minutes or less.

02Welcome to TypeScript

In this chapter, we'll get hands on with our first TypeScript program and the compiler CLI command, and examine a simple program's compiled output

03Variables and Values

We will begin our study of the TypeScript language with simple variables and functions.

04Objects, Arrays and Tuples

Now that we know how to type simple variables and functions, let's make things a bit more interesting with collections: in JavaScript this includes Objects and Arrays.

05Structural vs. Nominal Types

In this unit, we will explore how TypeScript is fundamentally different from nominal type systems, such as the ones found in Java and C++.

06Union and Intersection Types

We will discuss and explore TypeScript's union and intersection types, which are effectively "AND" and "OR" boolean logic operators for types.

07Interfaces and Type Aliases

TypeScript provides two mechanisms for centrally defining types and giving them useful and meaningful names: interfaces and type aliases. We will study both concepts in depth, and explain when it makes sense to use each.

08JSON types

We will take on our first challenge together: defining types that describe any valid JSON value

09Type Queries

Type queries allow us to obtain type information in different ways from existing types and values

10Callables and Constructables

So far, we have dealt with function argument and return types. There are a few more in-depth concepts we need to cover, including multiple function heads and callable types.


TypeScript classes add some powerful and important features on top of traditional JavaScript classes. In this unit, we will take a close look class fields, access modifier keywords and more!

12Type guards and narrowing

We have explored built-in type guards like typeof and instanceof, but there's a lot more power in type guards, including the ability to define your own!


Generics allow us to parameterize types, which unlocks great opportunity to reuse types broadly across a TypeScript project.

14Dictionary map, filter and reduce

Many of us use array the higher-order functions map, filter and reduce quite often. Let's build out similar utilities that operate on dictionaries!

© 2023 All Rights Reserved.