README.md

TypeScript from Zero

This repository serves as an interactive guide to TypeScript. It contains written guides in the form of README.md files, as well as code examples in the form of .ts files.

Prerequisites

This course assumes that you have:

• Proficiency with JavaScript (or minimally any other language)

Good to have:

• Some experience with TypeScript
• VS Code installed

Setup

npm install # Install ESLint and TypeScript for type-checking in hands-on exercises.

We will be using Visual Studio Code with the following extensions:

• Twoslash Query Comments - To show inline type previews
• ESLint - To show linting errors
• Markdown Preview Enhanced - To preview markdown files

Table of Contents

• Basics

  1. Introduction to TypeScript
  2. Type annotations
  3. Inferred types
  4. Overriding inferred types
  5. Type aliases
  6. Object types and interfaces
  7. Optional properties and types
  8. Union and literal types
  9. Type assertions
  10. Type guards
  11. Arrays, records and tuples
  12. Classes
  13. Readonly types as const

• Intermediate

  1. Unknown vs any
  2. Intersection types
  3. Exclude types using Omit and Exclude
  4. Null, undefined, void and never
  5. Variable types and typeof
  6. Variable keys and keyof
  7. Satisfies keyword
  8. As vs type annotations vs satisfies
  9. Discriminated unions

• Advanced concepts

  1. Index types
  2. Function overloading
  3. Generic types
  4. Conditional types
  5. Distributive conditional types
  6. Template literal types
  7. Mapped types
  8. Infer in conditional types
  9. Declaration merging

Expectations

What this course is

• A guide to TypeScript syntax and best practices when using TypeScript in your codebase

What this course is not

• A guide to setting up TypeScript in your project
• A JavaScript tutorial

Credits

This set of course materials was prepared by Jeff Sieu.

Some of the examples and explanations were inspired by the official TypeScript documentation.

Useful resources

• TypeScript for JavaScript programmers
• TypeScript playground
• Type Challenges (Interactive website)
• Type Challenges (Github)