Mastering TypeScript

Gain insights into TypeScript types, interfaces, classes, generics, and asynchronous programming. Explore Angular, React, Vue for web development, and learn to build web servers using Express and AWS.

Intermediate

212 Lessons

48h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

411 Playgrounds

20 Quizzes

This course includes

411 Playgrounds

20 Quizzes

Course Overview

TypeScript and its compiler have been a success story and carved out a solid footprint in the JavaScript development community. You’ll start with exploring the types used in TypeScript and its common features. Next, you’ll learn the object-oriented concepts and capabilities of interfaces, classes, and inheritance. You’ll learn about the generics’ more advanced language feature, advanced type inference using conditional types, type chaining, and type distribution. You’ll also learn asynchronous programming ...Show More

TAKEAWAY SKILLS

Javascript

Angular Cli

React.js

Vue.js Basics

Jest

Using Aws Cloud Services

Rest Api

Rxjs

What You'll Learn

An understanding of common features in TypeScript, object-oriented concepts, generics, and advanced type inferences

An understanding of asynchronous programming concepts, decorators, and strict compiler options

Ability to use observables to transform data in TypeScript and Jest unit testing framework to run end-to-end tests

Build websites with Angular, React, and Vue using TypeScript

Build an application using an Express web server with code running in Node

Ability to use AWS libraries to build and deploy a full REST-based API

What You'll Learn

An understanding of common features in TypeScript, object-oriented concepts, generics, and advanced type inferences

Course Content

Before Getting Started

Get familiar with why TypeScript is essential and the prerequisites for mastering it.

Why Choose TypeScript and This Course?

Prerequisites

Introduction

Look at TypeScript as an enhancement to JavaScript, enabling strong typing, better error checking, and robust development for complex applications.

Introduction to TypeScript

Transpiling

Strong Typing and Basic Types

Inferred Typing and Duck Typing

Function Signatures and the void Keyword

Third Party Libraries and Declaration Files

Summary

Quiz: TypeScript Basics

Exploring the Type System

Break apart TypeScript's type system essentials, including enums, union types, optional chaining, and functions.

The Basic TypeScript Type System

The any Type and Explicit Casting

The let and const Keywords

Union Types, Type Guards, and Aliases

Enums

Exploring Primitive Types

Conditional Expressions and Optional Chaining

Nullish Coalescing and Null or Undefined Operands

Definite Assignment

Object and Unknown Types

The never Type and switch Statements

Object Spread

Tuples

Functions

Function Callbacks in JavaScript

Function Signatures and Function Overrides in TypeScript

Summary

Quiz: Exploring the Type System

Challenge: TypeScript Basics

Apply your skills to enhance TypeScript code reliability, streamline syntax, and handle errors effectively.

Challenge: TypeScript Basics

Solution: TypeScript Basics

Interfaces in TypeScript

Dig deeper into TypeScript interfaces to enhance code quality, define object structures, and ensure type safety.

Introduction to Interfaces

Optional Properties and Prefixing Interface Names

Weak Types in Interfaces

The in and keyof Operators

Summary

Quiz: Interfaces in TypeScript

Classes in TypeScript

8 Lessons

Focus on TypeScript classes, constructors, access modifiers, private fields, interfaces, static functions, and namespaces.

Inheritance in TypeScript

8 Lessons

Build on inheritance concepts, `super` function, method overriding, protected, abstract classes, `instanceof` operator, and interfaces.

Modules in TypeScript

4 Lessons

Get familiar with organizing TypeScript code with modules, exports, and namespaces.

Challenge: Interfaces, Classes, Inheritance, and Modules

2 Lessons

Solve challenges with applying TypeScript concepts like interfaces, classes, inheritance, and modules.

10.

Generics in TypeScript

7 Lessons

Recognize generics in TypeScript to create reusable, type-safe code and manage constraints.

11.

Advanced Type Inferences in TypeScript

7 Lessons

Grasp the fundamentals of advanced type inferences, including mapped, conditional, and inferred types.

12.

Challenge: Generics and Advanced Type Inferences

2 Lessons

Map out the steps for mastering TypeScript generics through coding challenges and error resolution.

13.

Asynchronous Language Features

9 Lessons

Investigate asynchronous features in JavaScript, including callbacks, Promises, and async/await.

14.

Decorators

7 Lessons

Master the use of TypeScript decorators for modifying classes, properties, methods, and parameters programmatically.

15.

Challenge: Asynchronous Language Features and Decorators

2 Lessons

Solve problems in asynchronous features and decorators through practical exercises in TypeScript.

16.

Integration with JavaScript

8 Lessons

Discover the logic behind integrating TypeScript with JavaScript for improved code management.

17.

Strict Compiler Options

7 Lessons

Break apart the crucial TypeScript strict compiler options to enhance code reliability.

18.

Challenge: Strict Compiler Options

2 Lessons

Enhance your skills in troubleshooting TypeScript errors and enforcing stricter type safety.

19.

Using Observables to Transform Data

10 Lessons

Take a closer look at mastering RxJS Observables, transformations, error handling, and stream management.

20.

Challenge: Using Observables to Transform Data

2 Lessons

Tackle practical issues with Observables, RxJS imports, error handling, and code robustness.

21.

Test-Driven Development

12 Lessons

Master the steps to implement TDD with Jest, covering setup, testing strategies, and mock functions.

22.

Challenge: Test-Driven Development

2 Lessons

Solve problems in TypeScript testing, logical errors, and asynchronous timing issues.

23.

Angular

15 Lessons

Get started with developing Angular apps, integrating Material UI, and handling services.

24.

Challenge: Angular

2 Lessons

Lay out a solution for modifying and styling an Angular CLI-generated template application.

25.

React

11 Lessons

Enhance your skills in building React applications with TypeScript, focusing on state, props, and JSX.

26.

Challenge: React

2 Lessons

Solve problems in debugging, event handling, and form validation in React applications.

27.

Vue

13 Lessons

See how it works to build and integrate TypeScript in Vue applications, culminating in a shopping cart.

28.

Node and Express

10 Lessons

Build a Node.js web server with Express, manage routes, and handle dynamic configurations.

29.

An AWS Serverless API

11 Lessons

Step through AWS serverless API creation using Lambda, SAM CLI, and DynamoDB integration.

30.

Micro Front-Ends

12 Lessons

Discover the logic behind micro front-end architecture and communication for scalable applications.

31.

Conclusion

1 Lesson

Explore the integration of TypeScript with JavaScript frameworks and ongoing skill enhancement.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

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

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

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!

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath