Home>Courses>Learn TypeScript: The Complete Course for Beginners

Learn TypeScript: The Complete Course for Beginners

Beginner

114 Lessons

12h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

365 Playgrounds

Course Overview

Course Content

Apply Your Skills

Recommendations

Course Overview

If you’re looking to move beyond vanilla JavaScript and take your skills to the next level, then you’ve come to the right place. TypeScript is an in-demand language that sits on top of JavaScript. This means you can do everything you can in JavaScript with TypeScript, but also enjoy countless other perks including support for JS libraries, NPM, static typing, and much more. In this course, you’ll start from the beginning and work your way up to more advanced concepts like type checking, iterators, and mani...Show More

Course Content

Introduction

4 Lessons

What is TypeScript?

TypeScript Philosophy

Why Use TypeScript?

Using TypeScript

The Basics of Variables

18 Lessons

Declaring a Variable

Declaring Types in Untyped Code

Hoisting Variables

TypeScript Scope is JavaScript Scope

Switch Scope

The Multiple Methods of Declaring a String

String-Tagged Templates

What is a Number in TypeScript?

Booleans, Functions, and Objects

Avoiding `any` at Any Time Possible

Mutable and Immutable Arrays

Undefined Versus Null

Returning nothing with Void

The Primitive Type never

Unknown: A Better any

Literal Type to Narrow Primitive Type

Symbol and Unique Symbol

Casting to Change Type

Comment

1 Lessons

TypeScript's Comments are like JavaScript's with One Exception

Enum

4 Lessons

Enum With and Without Values

Accessing Enum Values

Speeding Up Enum

Merging and Adding Functionality to Enum

Generic Type

9 Lessons

Generic

Generic and Classes

Generic Constraint

Generic with Construction Functions

Generic Outside Class

Functions

10 Lessons

Definition

Named and Anonymous Functions

Function and Inference Variables

Generic Return Type, Optional Parameter and Default Value

Functions in Classes

Function Relationship with "this"

Function and Inference Return Types

Overload Functions to Enrich your Definition

String Literal and Overload Function

Types of Function Headers

Mapped Type

11 Lessons

Definition and Usages

Immutable Data with Readonly

Objects

4 Lessons

Introduction to TypeScript's Many Objects

The Curly Braces Object

New Object

Lowercase vs UpperCase Object

Index Signature

4 Lessons

Definitions and Usages

String or Number Indexes

Members of the Same Type

Keys with Constants and Symbols

10.

Variables Advanced

12 Lessons

Intersecting with Types, Interfaces, and Generics

Literal Type, Narrowing, and Const

Union with Types and Tagged Union

Const Assertion for Literal Values

Tuple For Type and Length Arrays

Casting to Change Type

keyof to Validate a Member's Name

On How TypeScript Handles Variance

How to Narrow a Type with the in Operator

What is a Conditional Type?

TypeScript Inference

Set and Dictionary

11.

Exception

4 Lessons

Creating an Exception

Catching Synchronous Exceptions

Catching Asynchronous Exceptions

Assertion Functions

12.

Alias

5 Lessons

Aliases with the Structural Behavior of TypeScript

Aliases with Type

Aliases with Generic Types and Recursivity

The Differences between Type Aliases and Interfaces

Branded Alias

13.

Type Checking

9 Lessons

Comparing Variables

Type Checking with typeof

Type Checking with instanceof

Type Checking and Interface with a Discriminator

Type Checking with Intersections

Type Checking an Interface with Custom User-Defined Type Guard

Optional Chaining and Optional Element Access

Nullish Coalescing

Assertion Functions

14.

Iterators

3 Lessons

Iterating an Object's Keys with For-In

Iterating an Object with Standard For/While

Iterating and the Asynchronous Loop

15.

Manipulating Objects and Array

7 Lessons

Typing an Array

Array with a Skipped Value

Destructuring an Array

Destructuring an Object

The Spread Operator and Arrays

The Spread Operator and Objects

The Bang Operator

16.

Sharing Code

7 Lessons

Definition Files and Global Definition Files

Definition File Locations

17.

Conclusion

2 Lessons

Course Author

Build Web Components in Lit

beginner

1 hour 30 min

Project

Build Web Components in Lit

Build a memory card game using Lit, a lightweight JavaScript framework for creating web components.

beginner

1 hour 30 mins

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Recommended before starting this course

Course

Beginning Flutter: Android Mobile App Development

beginner

10 hours

Course

Grokking Bit Manipulation for Coding Interviews

intermediate

3 hours

Course

Full-Stack Web Applications with Firebase

beginner

13 hours

Course

Beginning Flutter: Android Mobile App Development

beginner

10 hour

Course

Grokking Bit Manipulation for Coding Interviews

intermediate

3 hour

Course

Full-Stack Web Applications with Firebase

beginner

13 hour

Related Courses and Skill Paths

Course

Decode the Coding Interview in JavaScript: Real-World Examples

Stop grinding through endless practice questions, and start breaking down real-world problems. Tackle your interview in JavaScript with confidence.

beginner

17 hours

Course

Advanced TypeScript Masterclass

intermediate

6 hours

Course

Using TypeScript with React

Gain insights into integrating TypeScript with React to improve productivity. Learn about strongly-typed props, state, and events, and set up projects using Create React App, Webpack, and Babel.

intermediate

9 hours

Course

Complete JavaScript Course: Build a Real World App from Scratch

Gain insights into JavaScript with ES6, DOM traversal, event handling, and animation. Learn about building a Social News web app from scratch using HTML, CSS, and JavaScript.

beginner

20 hours

Course

Decode the Coding Interview in JavaScript: Real-World Examples

beginner

17 hour

Course

Advanced TypeScript Masterclass

intermediate

6 hour

Course

Using TypeScript with React