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

Learn TypeScript: The Complete Course for Beginners

Gain insights into TypeScript's core concepts, from basics to advanced type checking and iterators. Learn about static typing and JS library support through practical, hands-on experience.

Beginner

114 Lessons

12h

Certificate of Completion

Gain insights into TypeScript's core concepts, from basics to advanced type checking and iterators. Learn about static typing and JS library support through practical, hands-on experience.

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

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....Show More

Course Content

Introduction

4 Lessons

Get familiar with TypeScript's basics, its philosophy, benefits, and practical use cases.

What is TypeScript?

TypeScript Philosophy

Why Use TypeScript?

Using TypeScript

The Basics of Variables

18 Lessons

Get started with TypeScript variables, scoping, and type declarations, emphasizing best practices.

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

Examine TypeScript's commenting syntax, including the distinction of /*! for preserved comments.

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

Enum

4 Lessons

Enhance your skills in leveraging TypeScript enums, improving type safety, performance, and functionality.

Enum With and Without Values

Accessing Enum Values

Speeding Up Enum

Merging and Adding Functionality to Enum

Generic Type

9 Lessons

Deepen your knowledge of generics in TypeScript, enhancing type safety and code reusability.

Generic

Generic and Classes

Generic Constraint

Generic with Construction Functions

Generic Outside Class

Functions

10 Lessons

Tackle TypeScript functions with strong signatures, fat arrow syntax, return types, and overloads.

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

Master the steps to using mapped types in TypeScript to enhance code efficiency.

Definition and Usages

Immutable Data with Readonly

Objects

4 Lessons

Step through TypeScript's object types, including curly braces, class instantiation, and case distinctions.

Introduction to TypeScript's Many Objects

The Curly Braces Object

New Object

Lowercase vs UpperCase Object

Index Signature

4 Lessons

Unpack the core of TypeScript index signatures, including dynamic access, type restrictions, and enhanced key definitions.

Definitions and Usages

String or Number Indexes

Members of the Same Type

Keys with Constants and Symbols

10.

Variables Advanced

12 Lessons

Work your way through advanced TypeScript concepts like type intersections, unions, and conditional types.

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

Break down complex ideas on managing synchronous and asynchronous exceptions and using assertion functions.

Creating an Exception

Catching Synchronous Exceptions

Catching Asynchronous Exceptions

Assertion Functions

12.

Alias

5 Lessons

Take a closer look at using aliases to simplify and enhance TypeScript's structural typing.

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

Focus on TypeScript's type checking mechanisms, enhancing code reliability and type safety with various operators and strategies.

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

Master the steps to iterate objects and arrays using loops, standard methods, and generators.

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

Step through manipulating objects and arrays with TypeScript's typing, destructuring, and operators.

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

Discover the logic behind sharing code using namespaces, modules, lazy loading, and definition files in TypeScript.

Definition Files and Global Definition Files

Definition File Locations

17.

Conclusion

2 Lessons

Go hands-on with TypeScript basics, type safety, and advanced concepts for robust applications.

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

Delve into Flutter's UI framework to build high-quality Android apps, from creating contact profiles to enhancing them with themes and API integration, culminating in app publication.

beginner

10 hours

Course

Grokking Bit Manipulation for Coding Interviews

The ultimate guide to bit manipulation for coding interviews. Developed by FAANG engineers, practice with real-world interview questions, and get interview-ready in just a few hours.

intermediate

3 hours

Course

Full-Stack Web Applications with Firebase

Gain insights into creating and launching full-stack web applications swiftly using Firebase. Learn about Firebase Authentication, Cloud Firestore, Firebase Storage, and Firebase Hosting through hands-on projects.

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

The ultimate guide to coding interviews in JavaScript. Developed by FAANG engineers, it offers real-world problems and adaptable solutions. Get interview-ready in just a few hours.

beginner

17 hours

Course

Advanced TypeScript Masterclass

Discover advanced TypeScript concepts: Gain insights into compiler flags, generic types, and discriminated unions. Delve into writing error-free code and mastering complex error messages with confidence.

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