Total TypeScript Learning Path

Goal

Learn the TypeScript skills you need to ship any application or library.

Requirements

  • Basic knowledge of JavaScript
  • Internet Access
  • Access to the Core Volume of Total TypeScript

Total Time Required

22—65 hours (varies)

Curriculum

Total TypeScript

Bundle

  • Type Transformations
  • TypeScript Generics
  • Advanced TypeScript Patterns
  • TypeScript Expert Interviews
  • Advanced React with TypeScript
Be a TypeScript Wizard →

Background

The tutorials and workshops were designed and tested as half-day workshops before being produced as a full-length self-paced course. The course is designed to be completed in 13 weeks, but you can go at your own pace. We estimate that it will take about 2-4 hours per week to complete the course content.

Teams

Learning as a team, club, or party is highly recommended. We've seen great results with teams of 2-4 people. We suggest that learning teams watch and work through the course before meeting once a week to discuss what they've learned in the shared context of the team. We've found that this approach is more effective than watching the course together as a group!

week1—2
free tutorial

Beginner's TypeScript

18 exercises
View →
  • Week 1

    Exercises 1—9

    • Basic types
    • Basic annotations
    • Arrays
  • Week 2

    Exercises 10—18

    • Union types intro
    • Typing functions
    • Typing async functions
    • Creating types from other types
week3—5

Type Transformations

7 sections, 55 exercises
View →
  • Week 3

    Type Transformations
    Section 1—2

    • Intro to type helpers
    • keyof, typeof, Return Type
    • Unions, discriminated unions
    • Indexed access to types
  • Week 4

    Type Transformations
    Section 3—4

    • Template literals
    • Build your own type helpers
    • Intro to 'generics' in types
  • Week 5

    Type Transformations
    Section 5—6

    • Conditional types
    • infer keyword
    • Mapped types
    • Transforming unions using mapped types
week6—8

TypeScript Generics

6 sections, 49 exercises
View →
  • Week 6

    TypeScript Generics
    Section 1—2

    • Intro to generics in functions & classes
    • Manually passing type arguments to functions
  • Week 7

    TypeScript Generics
    Section 3—4

    • Understanding type arguments
    • Spotting missing/useless generics
  • Week 8

    TypeScript Generics
    Section 5—6

    • Function overloads
    • Generics challenges
week9—12

Advanced TypeScript Patterns

7 sections, 45 exercises
View →
week13
free tutorial

Zod

10 exercises
View →
week14-15
free tutorial

React

21 exercises
View →
week16-18

Advanced React with TypeScript

55 exercises
View →