TypeScript, Type system

What you will learn

Learn TypeScript and its Features.

Setting up visual studio code IDE

Understand the type system of the TypeScript

Understand the Interfaces and Functions of the TypeScript

Understand the working of Modules, Generic, Decorators, and JSX

Implementation of all the TypeScript features in a Hands on.

Description

You will learn how to download, set up the IDE, and use TypeScript’s major features in this course. You will also learn how to build up JSX and implement Typescript methods, functions, and interfaces. You will also learn how React.JS and TypeScript operate together, in addition to JavaScript. Finally, you’ll discover how to use TypeScript in ReactJS to create a web application. By including syntax for static types, it is a language that expands on JavaScript. These types are there to be type-checked, but they are simply erased by tools like the TypeScript compiler, leaving you with clear, readable JavaScript that you can run everywhere! Your intentions are made clear by types, which tools can read and comprehend to identify issues before your code is even run. JavaScript and TypeScript have a unique connection. All of JavaScript’s features are available in TypeScript, together with TypeScript’s type system as an additional layer. The JavaScript code you now have running is also TypeScript. The key advantage of TypeScript is its ability to draw attention to unusual behavior in your code, which reduces the likelihood of defects.


Get Instant Notification of New Courses on our Telegram channel.


This course gives a quick introduction to TypeScript with an emphasis on its type system.

English
language

Content

Introduction to Typescript

Lesson 1: Introduction to Typescript
Practice 1-1: Downloading and Installing Visual Studio Code
Practice 1-2: Installing and setting up VS Code
Quiz 1: Quiz on Introduction to Typescript

Type System

Lesson 2: Type System
Practice 2-1: Executing TypeScript program for Mathematical values.
Practice 2-2: Executing TypeScript program for Sorting.
Practice 2-3: Executing TypeScript program for Sorting
Quiz 2: Quiz on Type System

Interfaces and Classes

Lesson 3: Interfaces and Classes
Practice 3-1: Creating a Library Program.
Quiz 3: Quiz on Interfaces and Classes

Generic and Decorators

Lesson 4: Generic and Decorators
Practice 4-1: Execute a Stack Class Program.
Practice 4-2: Execute a method Decorator program
Quiz 4: Quiz on Generics and Decorators

Modules and Namespaces

Lesson 5: Modules and Namespaces
Practice 5-1: Execute a program to convert generic functions.
Quiz 5: Quiz on Modules and Namespaces

JSX components with Typescript in React

Lesson 6: JSX components
Practice 6-1: Setting up JSX with typescript in react.
Quiz 6: Quiz on JSX

Case Study

Lesson 7: Case study
Practice 7-1: Team Management Web Application