Build practical programming and technology skills

TypeScript Fundamentals

Add reliable static types to JavaScript applications, model application data, narrow uncertain values, use generics, and configure maintainable projects.

View curriculum

PractitionerDifficulty

40 hoursEstimated time

7 modules28 lessons

5 guided labsKnowledge check

Plan your learning

Path Brief

Skills you will practice

Web · Typescript Fundamentals
Web · Why Typescript Exists
Web · Primitive And Structured Types
Web · Functions And Interfaces
Web · Unions And Narrowing
Web · Classes And Generics

Prerequisites

Javascript Fundamentals

Tools

A current web browser
A code editor or terminal appropriate to the path
A safe local or virtual lab environment

Before you begin

What you need

Javascript Fundamentals

Step-by-step curriculum

Learning modules

Complete lessons in order or open the module that matches your current goal. Your lesson progress is saved on this device.

01Why TypeScript ExistsBuild practical skill in why typescript exists and connect it to the outcomes of TypeScript Fundamentals.4 lessons · 1 lab

Lesson 1

Why TypeScript Exists: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Why TypeScript Exists in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Why TypeScript Exists in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Why TypeScript Exists safely and repeatably.

25 min

Lesson 3

Build a Practical Why TypeScript Exists Example in TypeScript Fundamentals

Model a success/error result as a discriminated union, narrow it in a function, and verify TypeScript rejects an impossible property access.

30 min

Lesson 4

Debug Common Why TypeScript Exists Problems in TypeScript Fundamentals

Recognize common failure modes in Why TypeScript Exists, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Safe

Guided Lab: Why TypeScript Exists in TypeScript Fundamentals

TypeScript Fundamentals — Why TypeScript Exists lab: Model a success/error result as a discriminated union, narrow it in a function, and verify TypeScript rejects an impossible property access.

Not started

02Primitive and Structured TypesBuild practical skill in primitive and structured types and connect it to the outcomes of TypeScript Fundamentals.4 lessons · 1 lab

Lesson 1

Primitive and Structured Types: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Primitive and Structured Types in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Primitive and Structured Types in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Primitive and Structured Types safely and repeatably.

25 min

Lesson 3

Build a Practical Primitive and Structured Types Example in TypeScript Fundamentals

Represent a small order or profile using appropriate types, then validate or convert input from text.

30 min

Lesson 4

Debug Common Primitive and Structured Types Problems in TypeScript Fundamentals

Recognize common failure modes in Primitive and Structured Types, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Primitive and Structured Types in TypeScript Fundamentals

TypeScript Fundamentals — Primitive and Structured Types lab: Represent a small order or profile using appropriate types, then validate or convert input from text.

Not started

03Functions and InterfacesBuild practical skill in functions and interfaces and connect it to the outcomes of TypeScript Fundamentals.4 lessons · 1 lab

Lesson 1

Functions and Interfaces: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Functions and Interfaces in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Functions and Interfaces in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Functions and Interfaces safely and repeatably.

25 min

Lesson 3

Build a Practical Functions and Interfaces Example in TypeScript Fundamentals

Extract repeated logic into a function, call it with several inputs, and test one boundary case.

30 min

Lesson 4

Debug Common Functions and Interfaces Problems in TypeScript Fundamentals

Recognize common failure modes in Functions and Interfaces, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Functions and Interfaces in TypeScript Fundamentals

TypeScript Fundamentals — Functions and Interfaces lab: Extract repeated logic into a function, call it with several inputs, and test one boundary case.

Not started

04Unions and NarrowingBuild practical skill in unions and narrowing and connect it to the outcomes of TypeScript Fundamentals.4 lessons · 1 lab

Lesson 1

Unions and Narrowing: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Unions and Narrowing in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Unions and Narrowing in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Unions and Narrowing safely and repeatably.

25 min

Lesson 3

Build a Practical Unions and Narrowing Example in TypeScript Fundamentals

Model a success/error result as a discriminated union, narrow it in a function, and verify TypeScript rejects an impossible property access.

30 min

Lesson 4

Debug Common Unions and Narrowing Problems in TypeScript Fundamentals

Recognize common failure modes in Unions and Narrowing, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Unions and Narrowing in TypeScript Fundamentals

TypeScript Fundamentals — Unions and Narrowing lab: Model a success/error result as a discriminated union, narrow it in a function, and verify TypeScript rejects an impossible property access.

Not started

05Classes and GenericsBuild practical skill in classes and generics and connect it to the outcomes of TypeScript Fundamentals.4 lessons · 1 lab

Lesson 1

Classes and Generics: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Classes and Generics in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Classes and Generics in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Classes and Generics safely and repeatably.

25 min

Lesson 3

Build a Practical Classes and Generics Example in TypeScript Fundamentals

Create a small domain type with validation, one behavior method, and a test that protects an invariant.

30 min

Lesson 4

Debug Common Classes and Generics Problems in TypeScript Fundamentals

Recognize common failure modes in Classes and Generics, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Classes and Generics in TypeScript Fundamentals

TypeScript Fundamentals — Classes and Generics lab: Create a small domain type with validation, one behavior method, and a test that protects an invariant.

Not started

06Application Data and APIsBuild practical skill in application data and apis and connect it to the outcomes of TypeScript Fundamentals.4 lessons

Lesson 1

Application Data and APIs: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Application Data and APIs in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Application Data and APIs in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Application Data and APIs safely and repeatably.

25 min

Lesson 3

Build a Practical Application Data and APIs Example in TypeScript Fundamentals

Build one create/read endpoint pair with validation and a consistent error response.

30 min

Lesson 4

Debug Common Application Data and APIs Problems in TypeScript Fundamentals

Recognize common failure modes in Application Data and APIs, use the relevant diagnostics, and verify the correction.

25 min

07Project Structure and ToolingBuild practical skill in project structure and tooling and connect it to the outcomes of TypeScript Fundamentals.4 lessons

Lesson 1

Project Structure and Tooling: Core Concepts for TypeScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Project Structure and Tooling in TypeScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Project Structure and Tooling in TypeScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Project Structure and Tooling safely and repeatably.

25 min

Lesson 3

Build a Practical Project Structure and Tooling Example in TypeScript Fundamentals

Create a new project, add one source file and one dependency if appropriate, run it, and document the commands another learner needs.

30 min

Lesson 4

Debug Common Project Structure and Tooling Problems in TypeScript Fundamentals

Recognize common failure modes in Project Structure and Tooling, use the relevant diagnostics, and verify the correction.

25 min

Portfolio integration

Capstone Project

Convert a JavaScript Application to Strict TypeScript

Combine the path skills in a portfolio-ready project with clear functional requirements, tests, verification evidence, and operating notes.

GuidedIndependentPortfolio

Acceptance criteria

The core workflow works from start to finish.
Invalid input or failure states are handled clearly.
The result is tested and documented.
A reviewer can reproduce the setup and verification.

Continue in Programming

Related Programming

Skill assessment

TypeScript Fundamentals

Path Brief

Skills you will practice

Prerequisites

Tools

What you need

Learning modules

Why TypeScript Exists: Core Concepts for TypeScript Fundamentals

Set Up and Explore Why TypeScript Exists in TypeScript Fundamentals

Build a Practical Why TypeScript Exists Example in TypeScript Fundamentals

Debug Common Why TypeScript Exists Problems in TypeScript Fundamentals

Guided Lab: Why TypeScript Exists in TypeScript Fundamentals

Primitive and Structured Types: Core Concepts for TypeScript Fundamentals

Set Up and Explore Primitive and Structured Types in TypeScript Fundamentals

Build a Practical Primitive and Structured Types Example in TypeScript Fundamentals

Debug Common Primitive and Structured Types Problems in TypeScript Fundamentals

Guided Lab: Primitive and Structured Types in TypeScript Fundamentals

Functions and Interfaces: Core Concepts for TypeScript Fundamentals

Set Up and Explore Functions and Interfaces in TypeScript Fundamentals

Build a Practical Functions and Interfaces Example in TypeScript Fundamentals

Debug Common Functions and Interfaces Problems in TypeScript Fundamentals

Guided Lab: Functions and Interfaces in TypeScript Fundamentals

Unions and Narrowing: Core Concepts for TypeScript Fundamentals

Set Up and Explore Unions and Narrowing in TypeScript Fundamentals

Build a Practical Unions and Narrowing Example in TypeScript Fundamentals

Debug Common Unions and Narrowing Problems in TypeScript Fundamentals

Guided Lab: Unions and Narrowing in TypeScript Fundamentals

Classes and Generics: Core Concepts for TypeScript Fundamentals

Set Up and Explore Classes and Generics in TypeScript Fundamentals

Build a Practical Classes and Generics Example in TypeScript Fundamentals

Debug Common Classes and Generics Problems in TypeScript Fundamentals

Guided Lab: Classes and Generics in TypeScript Fundamentals

Application Data and APIs: Core Concepts for TypeScript Fundamentals

Set Up and Explore Application Data and APIs in TypeScript Fundamentals

Build a Practical Application Data and APIs Example in TypeScript Fundamentals

Debug Common Application Data and APIs Problems in TypeScript Fundamentals

Project Structure and Tooling: Core Concepts for TypeScript Fundamentals

Set Up and Explore Project Structure and Tooling in TypeScript Fundamentals

Build a Practical Project Structure and Tooling Example in TypeScript Fundamentals

Debug Common Project Structure and Tooling Problems in TypeScript Fundamentals

Capstone Project

Convert a JavaScript Application to Strict TypeScript

Acceptance criteria

Test your understanding

Related Programming

Check your starting point

Plan the capstone

Explore related paths