Intermediate ~10 hours 20 lessons Free

TypeScript Tutorial

JavaScript with type safety

Add type safety to your JavaScript with 20 free TypeScript lessons. Learn type annotations, interfaces, generics, and how to integrate TypeScript with React and Node.js.

Start Learning Get Certified

What you'll learn

  • Type annotations
  • Interfaces and types
  • Generics
  • TypeScript with React
  • TypeScript with Node.js

Prerequisites

  • Solid JavaScript knowledge
  • Comfortable with functions and objects

Why learn TypeScript?

  • TypeScript catches bugs before they hit production
  • Industry standard for large React, Vue, and Node codebases
  • Excellent IDE support — autocomplete that actually works
  • High demand on job listings, especially for senior roles

Course Curriculum

20 lessons · ~10 hours · self-paced

  1. 1

    Introduction to TypeScript

    What TypeScript Actually Is
  2. 2

    Installing TypeScript & Setup

    Install It In the Project, Not On the Machine
  3. 3

    Type Annotations

    An Annotation Is a Promise You Make
  4. 4

    Basic Types

    The Primitive Types
  5. 5

    Arrays & Tuples

    Typed Arrays: One Type for Every Element
  6. 6

    Enums

    The Problem Enums Try to Solve
  7. 7

    Functions & Types

    Giving a Function Type a Name
  8. 8

    Interfaces

    An Interface Names a Shape
  9. 9

    Type Aliases

    A Type Alias Names Anything
  10. 10

    Union & Intersection Types

    A Union Says "One of These"
  11. 11

    Type Guards

    typeof, and Where JavaScript Lies to You
  12. 12

    Generics

    A Generic Is a Type Parameter — Nothing More
  13. 13

    Classes in TypeScript

    Fields, Constructors and the Initialisation Check
  14. 14

    Modules & Namespaces

    A File Is a Module Only If It Says So
  15. 15

    Utility Types

    Derived Types Beat Copied Types
  16. 16

    Decorators

    What a Decorator Is
  17. 17

    TypeScript with React

    Typing Props: Start Here
  18. 18

    TypeScript Configuration

    What tsconfig.json Actually Controls
  19. 19

    TypeScript Best Practices

    Type the Edges, Let the Middle Infer
  20. 20

    Final Project: Build a Typed App

    What You Are Building

From the Blog

Guides and tutorials related to TypeScript.

Tutorial

Nginx Basics for Developers: Reverse Proxy Explained

10 min read
Tutorial

XSS Explained: Why innerHTML Is a Security Bug

12 min read
Tutorial

CSS Variables: Scoping, Theming and Live Updates

10 min read
Read more on the blog

Ready to start?

All 20 lessons are free. No credit card. No sign-up required to read.

Start with lesson 1: Introduction to TypeScript
Ask AI