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

This course includes

365 Playgrounds

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

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

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

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

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

Enum

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

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 Generic Comparison Generic Inference Generic Default Generic and keyof

Functions

10 Lessons

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

Mapped Type

11 Lessons

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

Objects

4 Lessons

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

Index Signature

4 Lessons

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

10.

Variables Advanced

12 Lessons

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

11.

Exception

4 Lessons

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

12.

Alias

5 Lessons

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

13.

Type Checking

9 Lessons

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

14.

Iterators

3 Lessons

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

15.

Manipulating Objects and Array

7 Lessons

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

16.

Sharing Code

7 Lessons

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

17.

Conclusion

2 Lessons

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

Course Author

Part of the TypeScript Learning Path

Learn TypeScript for Front-End Developers

Adapt your current JavaScript knowledge to master TypeScript and optimize your front-end projects.

3 Modules

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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!