TypeScript for JavaScript Developers

Here, we will look at the overview of the TypeScript ecosystem.

   •  Explore the TypeScript code files

   •  Learn about the TypeScript compiler

   •  Learn about the command line for TypeScript

Understanding of steps required to set up your TypeScript environment.

   •  Explore the TypeScript supported environments

   •  Learn about the compilation process and components

   •  Demonstration

To work with TypeScript, you need to understand how to use its compiler. Here, we will look at the compilation options and tsconfig.json.

   •  Explore tsconfig.json

   •  Learn about the compilation options

   •  See the tsconfig.json file structure

During the development stage, there are several tools that help you write the programs efficiently. Here, we will look at linter and watch mode.

   •  Learn about JavaScript lint

   •  Install TSLint

   •  Enable the watch mode

Here, we will look at the best practices for configuring the project.

   •  Explore TypeScript building blocks

   •  Learn about the TypeScript code editors

   •  Explore the TypeScript bundlers

Here, we will look at one of the core building blocks of TypeScript classes.

   •  Explore classes in traditional JavaScript

   •  Demonstration

   •  Learn about the classes in TypeScript

Understand what modifiers are, and how they are used in TypeScript is very important for successful projects development.

   •  Explore different modifiers explained

   •  Demonstration

   •  Explore read-only and static types

Specifying object accessors is very useful. Here, we will learn about how to get and set your objects, using accessors.

   •  Explore accessors core idea

   •  Demonstration using getters/setters

   •  Demonstration using static properties

Here, we will dive deeper into classes in TypeScript, and will learn about abstract classes and constructor functions.

   •  Learn about abstract classes

   •  Demonstration

   •  Explore constructor functions

Here, we will learn TypeScript features that can be applied to make interfaces properties optional.

   •  Learn about interface and its properties

   •  Make properties optional

   •  Explore string index signature

Here, we will learn about inheritance in TypeScript, through extending interfaces and classes.

   •  Get an overview of inheritance

   •  Demonstration

   •  Extend interfaces and classes

We will learn about interfaces details and its implementation particularities.

   •  Explore implements keyword

   •  Demonstration

   •  Extend interfaces

Here, we will look at another core feature of TypeScript functions.

   •  Explore the functions core idea

   •  Learn about the types of functions

   •  Demonstration

Here, we will look at function parameters.

   •  Learn about the value arguments

   •  Explore typing arguments

   •  Demonstration

In this video, we will understand the importance of ‘this’ keyword in JavaScript.

   •  Learn the definition

   •  Demonstration

   •  Explore the callback functions

In order to reuse some code and avoid duplication, TypeScript provides us a concept of overloads.

   •  Demonstration on Overloads

   •  Transform copy pasted functions into overloads

   •  See complex scenarios

Another technique to achieve code reusability is usage of generics. Here, we will look at the concept of generic functions in TypeScript.

   •  Learn about the definition of generics

   •  Demonstration

   •  Create generic types

In this video, we will learn how to create better functions by applying generic constraints to function arguments.

   •  Learn the generic constraints definition

   •  Demonstration

   •  Demonstration on the complex example

In this video, we will learn how to import and export modules in TypeScript.

   •  Explore the TypeScript modules

   •  Demonstration

   •  Learn about the differences with old versions of TypeScript

Depending on the module target specified during compilation, the compiler will generate appropriate code. Here, we will learn how it is done, and see what the differences are.

   •  Different module targets examples

   •  Demonstration

   •  Generate module code

Sometimes, we need to deal with some complex cases, so here, we will learn about advanced module loading scenarios.

   •  Explore code optimization performance

   •  Learn about the layers of nesting

   •  Learn about module-based organization

Here, we shall get an introduction to namespacing in TypeScript, which will help you organize your objects properly.

   •  Learn the namespace definition in TypeScript

   •  Demonstration

   •  Learn about the nesting namespaces

In some cases, we need to apply some conditions to our code to simplify overall code complexity. Here, we will use conditional types.

   •  Explore conditional types

   •  Demonstration

   •  Extend keyword usage

Here, learn about the advanced topic which will allow you to create better code using intersections and union types.

   •  Explore the intersection types

   •  Explore the union types

   •  Demonstration

In this video, we will learn about the ‘typeof’ keyword, which will allow you to implement guards.

   •  Get an introduction to it

   •  Demonstration

   •  Learn about its different types

Get an overview of how we can use nullable types in TypeScript, and what are the type aliases.

   •  Explore nullable types

   •  Demonstration

   •  Explore type aliases

Get an introduction to literal types in TypeScript, with example of string literal types and numeric literal types.

• Explore string literal types

• Learn about the numeric literal types

• Demonstration