ASAP

TypeScript short lessons

Watch User Created Playlist (58)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Refactor Services and Quick Fixes with Typescript 2.5

P

Type check JavaScript files using JSDoc and Typescript 2.5

P

Avoid Catching Errors with TypeScript 2.5 Optional Catch Clauses

P

Implement a doubly linked list in TypeScript

P

Implement a singly linked list in TypeScript

P

Queue implementation using TypeScript

P

Stack implementation using TypeScript

P

Create a TypeScript Library using typescript-library-starter

P

Understand lookup types in TypeScript

P

Binary Search Algorithm using TypeScript

P

Quicksort algorithm using TypeScript

P

Find the repeated item in an array using TypeScript

P

Merge sort algorithm using TypeScript

P

Insertion sort algorithm using TypeScript

P

Bubble sort using TypeScript

P

Deep Copy aka Clone objects using TypeScript

P

Create high quality npm packages using TypeScript

P

Generics using TypeScript

P

Sort arrays in TypeScript

Getting started with Jest using TypeScript

P

Using ES6 and ESNext with TypeScript

P

Create a fluent API using TypeScript classes

P

Using TypeScript for pure JavaScript

P

Create stateful React Components using TypeScript

P

Increase TypeScript's type safety with noImplicitAny

P

Create stateless React components using TypeScript

P

Bootstrap a TypeScript + React Project

P

Use the never type to avoid code with dead ends using TypeScript

P

Install TypeScript declarations from npm

P

Catch unsafe use of "this" in TypeScript functions

P

Practical Generics in TypeScript

P

The Basics of Generics in TypeScript

P

Sharing Class Behavior with Inheritance in TypeScript

P

Using Interfaces to Describe Types in TypeScript

P

Union Types and Type Aliases in TypeScript

P

Using Assertion to Convert Types in TypeScript

P

Distinguishing between types of Strings in TypeScript

P

Using Type Inference in TypeScript

Creating a Class in TypeScript

P

Function Overloads in Typescript

P

TypeScript - Generating Definition Files

P

TypeScript - Definition Files

P

TypeScript - Understanding Decorators

P

Compiling TypeScript with WebStorm

P

Installing TypeScript and Running the TypeScript Compiler (tsc)

TypeScript - Using Typings and Loading From node_modules

P

TypeScript - Reflection and Decorator Metadata

P

Using Lodash in TypeScript with Typings and SystemJS

P

TypeScript - Using Exclude and RootDir until File Globs Lands in 2.0.

P

Stopping a TypeScript Build When Errors Are Found

P

TypeScript - What Happens to Compiled Interfaces

P

Configuring TypeScript Which Files to Compile with "Files" and "OutDir"

P

Configuring a New TypeScript Project

Loading Compiled TypeScript Files in Browser with SystemJS

P

Introduction to Generics in Typescript

P

Typescript Enums vs Booleans when Handling State

P

TypeScript Up and Running in Seconds

P

Catching JavaScript Mistakes with TypeScript

P
typescript tutorial about Refactor Services and Quick Fixes with Typescript 2.5

Refactor Services and Quick Fixes with Typescript 2.5

1:32 typescript PRO

This lesson covers the Refactoring services and Quick fixes provided by Typescript 2.5

typescript tutorial about Type check JavaScript files using JSDoc and Typescript 2.5

Type check JavaScript files using JSDoc and Typescript 2.5

1:31 typescript PRO

Typescript 2.5 adds JSDoc type assertion support for javascript file via ts-check service.

typescript tutorial about Avoid Catching Errors with TypeScript 2.5 Optional Catch Clauses

Avoid Catching Errors with TypeScript 2.5 Optional Catch Clauses

2:03 typescript PRO

Typescript 2.5 has brought a couple of interesting changes to the table. let's take a look at these new features and how to take advantage of these features.

Optional catch clauses: TypeScript 2.5 brings a new ECMAScript-bound feature for making catch clauses optional. Most of the time, you’ll find yourself writing a try/catch but not really caring about the thrown error. So Typescript provides you some syntactic sugar for omitting the error paramter.

typescript tutorial about Implement a doubly linked list in TypeScript

Implement a doubly linked list in TypeScript

3:36 typescript PRO

In a doubly linked list each node in the list stores the contents of the node and a pointer or reference to the next and the previous nodes in the list. It is one of the simplest way to store a collection of items.

In this lesson we cover how to create a doubly linked list data structure and how to use its strengths to implement an O(1) FIFO queue + O(1) LIFO stack. We also demonstrate why one would use it over a singly linked list. We also cover how to approach authoring such data structures.

typescript tutorial about Implement a singly linked list in TypeScript

Implement a singly linked list in TypeScript

4:15 typescript PRO

In a singly linked list each node in the list stores the contents of the node and a reference (or pointer in some languages) to the next node in the list. It is one of the simplest way to store a collection of items.

In this lesson we cover how to create a linked list data structure and how to use its strengths to implement an O(1) FIFO queue.

typescript tutorial about Queue implementation using TypeScript

Queue implementation using TypeScript

3:34 typescript PRO

A queue is an abstract data type that serves as a collection of elements, with two principal operations: enqueue, which adds an element to the collection, and dequeue, which removes the earliest added element. The order in which elements are dequeued is First In First Out aka. FIFO. The term queue takes it name from the real world queues e.g. "a queue at the ticket counter".

A good target is to implement these operations with a time complexity of O(1). In this lesson we discuss how to implement it using JavaScript / TypeScript.

typescript tutorial about Stack implementation using TypeScript

Stack implementation using TypeScript

2:08 typescript PRO

A stack is an abstract data type that stores a collection of elements, with two principal operations:
* push: adds an element to the collection
* pop: removes the most recently added element that was not yet removed.

The order in which elements are poped is Last In First Out aka. LIFO. In this lesson we discuss how to implement it using JavaScript / TypeScript.

typescript tutorial about Create a TypeScript Library using typescript-library-starter

Create a TypeScript Library using typescript-library-starter

5:00 typescript PRO

Creating a library is always a cumbersome process with lots of setup and decisions to make. TypeScript library starter makes this process very easy and automated, using latest in tech configs and libraries such as Rollup, Jest, Prettier, TSLint, TypeDoc...

This lesson will walk you through creating a simple "tell-my-time" library from scratch, formatting and linting the code, generating optimized multiplatform bundles, unit-testing the library and showing up the important bits of the configuration.

typescript tutorial about Understand lookup types in TypeScript

Understand lookup types in TypeScript

1:55 typescript PRO

Lookup types, introduced in TypeScript 2.1, allow us to dynamically create types based on the property keys of an object. We'll use the function spyOn from Jest to illustrate how lookup types can type-safe function parameters.

typescript tutorial about Binary Search Algorithm using TypeScript

Binary Search Algorithm using TypeScript

3:05 typescript PRO

Binary search is a very fundamental algorithm in Computer Science. It powers BSTs (binary search trees) which form the basis of modern databases and immutable data structures. Binary search works very much the way humans intuitively search for a name in a yellow pages directory (if you have ever seen one) or the dictionary.

In this lesson we learn how to implement a Binary Search Algorithm using TypeScript / Javascript, and we describe the problem that it solves.

typescript tutorial about Quicksort algorithm using TypeScript

Quicksort algorithm using TypeScript

5:49 typescript PRO

Quicksort (also called partition sort and pivot sort) is arguably the most used sorting algorithm. It is the one commonly implemented internally in language runtimes.

We’ll be covering step by step a recursive approach to solving the quick sort algorithm with TypeScript / Javascript and why exactly it’s called quick sort.

typescript tutorial about Find the repeated item in an array using TypeScript

Find the repeated item in an array using TypeScript

1:44 typescript PRO

Say you have an array that has at least one item repeated. How would you find the repeated item. This is a question commonly presented to beginner developers. Here we discuss the elegant solution to this problem.

typescript tutorial about Merge sort algorithm using TypeScript

Merge sort algorithm using TypeScript

5:39 typescript PRO

MergeSort is a famous example of a divide and conquer algorithm.

In this lesson we cover the merge sort algorithm, how it gets its name, and how to implement it using TypeScript / JavaScript.

typescript tutorial about Insertion sort algorithm using TypeScript

Insertion sort algorithm using TypeScript

3:43 typescript PRO

Insertion sort is a very intuitive algorithm as humans use this pattern naturally when sorting cards in our hands.

In this lesson, using TypeScript / Javascript, we’ll cover how to implement this algorithm, why this algorithm gets its name, and the complexity of our implementation of the insertion algorithm.

typescript tutorial about Bubble sort using TypeScript

Bubble sort using TypeScript

3:25 typescript PRO

Bubble sort is considered the simplest sorting algorithm to implement. We’ll approach the problem in two ways. Once using a set number of iterations, and next using an idiomatic approach.

We’ll be covering this problem using TypeScript / Javascript

typescript tutorial about Deep Copy aka Clone objects using TypeScript

Deep Copy aka Clone objects using TypeScript

2:25 typescript PRO

You can create copies of JavaScript objects by coping around properties e.g. const x = {foo: 123}; const y = { foo: x.foo }. However doing this manually for deep objects can be time consuming. In this lesson we cover one way of deep copying simple objects in TypeScript.

typescript tutorial about Create high quality npm packages using TypeScript

Create high quality npm packages using TypeScript

3:54 typescript PRO

The TypeScript compiler makes it super easy to create high quality NodeJS packages that can be used with compile time safety in other TypeScript packages.

Using JavaScript packages written in TypeScript can save you a lot of time digging around docs and then having to memorize the docs, in order to call the functions with the right spellings. This frees you up for a higher level of thinking and reasoning about logic and business requirements.

typescript tutorial about Generics using TypeScript

Generics using TypeScript

5:16 typescript PRO

In this lesson we cover the key reason why programming languages need generics. We then show how use them effectively with TypeScript. We show plenty of examples where generics prevent common programming mistakes.

typescript tutorial about Sort arrays in TypeScript

Sort arrays in TypeScript

3:54 typescript

In this lesson we cover all the details of how to sort a list of items using TypeScript. There are a few things that will catch beginner developers off guard, such as the .sort method mutating your array, and how the .sort method doesn’t sort numbers how you’d expect. In this lesson we’ll be going over these gotcha’s and how to work around them.

We’ll also present a few tricks to make your sort logic more readable and maintainable using TypeScript.

jest tutorial about Getting started with Jest using TypeScript

Getting started with Jest using TypeScript

3:17 jest PRO

Jest is a painless JavaScript unit testing framework from Facebook. It is designed to be super easy to setup and is packed full of powerful features. In this lesson we see how easy it is to add to your TypeScript project. This will be followed by a quick example application.

typescript tutorial about Using ES6 and ESNext with TypeScript

Using ES6 and ESNext with TypeScript

2:49 typescript PRO

TypeScript is very particular about what is and isn't allowed in a TS file to protect you from common developer errors. By default if you set the compile target to ES5 it only allows you to use globally defined variables that were available in the ES5 time-frame. That said it is super easy to configure TypeScript to use ES6 or ESNext using the lib option.

We also cover how to make sure that these features work across the widest range of browsers using a simple polyfill.

typescript tutorial about  Create a fluent API using TypeScript classes

Create a fluent API using TypeScript classes

3:09 typescript PRO

You can create an easy to chain API using TypeScript classes. Learn about the this return type annotation and how it plays with function chaining and class inheritance.

typescript tutorial about Using TypeScript for pure JavaScript

Using TypeScript for pure JavaScript

2:15 typescript PRO

TypeScript can actually be used just as a JavaScript -> JavaScript Transpiler e.g. ES6 -> ES5. This allows you to easily maintain your old JavaScript code base along with potentially uplifting to a TypeSafe version using a single compiler.

typescript tutorial about Create stateful React Components using TypeScript

Create stateful React Components using TypeScript

2:56 typescript PRO

You can create stateful React Components in TypeScript by extending from the React.Component class. This parent class takes two generic parameters, Props and State.

This lessons shows these generic parameters and React.Component in action

typescript tutorial about Increase TypeScript's type safety with noImplicitAny

Increase TypeScript's type safety with noImplicitAny

2:24 typescript PRO

TypeScript tries to infer as much about your code as it can.

But sometimes there really is not enough context for it to infer reliably. If it tried to do such inference it would potentially result in more nuisance than help. So instead it infers the type any. This type can catch people off guard as it provides very little type safety. Fortunately TypeScript has a flag to make it easier to catch such unsafe code at development time.

react tutorial about Create stateless React components using TypeScript

Create stateless React components using TypeScript

1:13 react PRO

You can create a stateless React component in TypeScript by just creating a function.

But if you want to create high quality idiomatic React + TypeScript components you should use the React.StatelessComponent interface. This is demonstrated in the video.

react tutorial about Bootstrap a TypeScript + React Project

Bootstrap a TypeScript + React Project

5:54 react PRO

Setup a TypeScript + React project from scratch using webpack. Learn the reason behind every line that you need to type and become an expert.

typescript tutorial about Use the never type to avoid code with dead ends using TypeScript

Use the never type to avoid code with dead ends using TypeScript

1:24 typescript PRO

Programming language design does have a concept of bottom type that is a natural outcome as soon as you do code flow analysis. TypeScript does code flow analysis (😎) and so it needs to reliably represent stuff that might never happen. This is what the never type is all about.

typescript tutorial about Install TypeScript declarations from npm

Install TypeScript declarations from npm

1:31 typescript PRO

This lesson shows you how to acquire type declaration files for your TypeScript projects directly from npm.

typescript tutorial about Catch unsafe use of "this" in TypeScript functions

Catch unsafe use of "this" in TypeScript functions

1:04 typescript PRO

this is probably the most tricky thing to use in JavaScript and therefore TypeScript. Fortunately there is a TypeScript compiler flag noImplicit this that can help catch unsafe usages so beginners don't get caught off guard.

typescript tutorial about Practical Generics in TypeScript

Practical Generics in TypeScript

2:52 typescript PRO

Typescript generics are great for writing code that accepts any type. How do we write code that doesn’t accept any type, but instead accepts a range of types? In this lesson we learn how to use generic classes, interfaces and constraints to be more specific with our Typescript generics.

typescript tutorial about The Basics of Generics in TypeScript

The Basics of Generics in TypeScript

2:07 typescript PRO

It can be painful to write the same function repeatedly with different types. Typescript generics allow us to write 1 function and maintain whatever type(s) our function is given. This lesson covers syntax and a basic use case for Typescript generics.

typescript tutorial about Sharing Class Behavior with Inheritance in TypeScript

Sharing Class Behavior with Inheritance in TypeScript

3:42 typescript PRO

Typescript classes make inheritance much easier to write and understand. In this lesson we look into how to set up inheritance with Typescript classes, extends and super.

typescript tutorial about Using Interfaces to Describe Types in TypeScript

Using Interfaces to Describe Types in TypeScript

3:32 typescript PRO

It’s easy to pass the wrong value to a function. Typescript interfaces are great because they catch errors at compile time or in an IDE. In this lesson we’ll learn how to describe a type shape with Typescript interfaces.

typescript tutorial about Union Types and Type Aliases in TypeScript

Union Types and Type Aliases in TypeScript

5:01 typescript PRO

Sometimes we want our function arguments to be able to accept more than 1 type; e.g. a string or an array. This lesson will show us how to assign more than 1 type to a variable with Typescript union types and type aliases.

typescript tutorial about Using Assertion to Convert Types in TypeScript

Using Assertion to Convert Types in TypeScript

2:09 typescript PRO

Sometimes the compiler needs help figuring out a type. In this lesson we learn how to help out the compiler with Typescript type assertion.

typescript tutorial about Distinguishing between types of Strings in TypeScript

Distinguishing between types of Strings in TypeScript

2:02 typescript PRO

In JavaScript, many libraries use string arguments to change behavior. In this lesson we learn how Typescript catches string related errors at compile time by assigning a string literal as a type.

typescript tutorial about Using Type Inference in TypeScript

Using Type Inference in TypeScript

2:52 typescript

This lesson explains how the Typescript compiler uses inference to guess what types we’re using, so we don’t have to annotate all the things.

typescript tutorial about Creating a Class in TypeScript

Creating a Class in TypeScript

4:00 typescript PRO

Typescript classes make traditional object oriented programming easier to read and write. In this lesson we learn about class syntax, what the constructor is and some interesting variable features.

typescript tutorial about Function Overloads in Typescript

Function Overloads in Typescript

3:46 typescript PRO

It's common in Javascript for functions to accept different argument types and to also return different types. In this lesson we learn how to 'teach' Typescript about these dynamic functions so that we can still benefit from the powerful static type analysis.

typescript tutorial about TypeScript - Generating Definition Files

TypeScript - Generating Definition Files

2:41 typescript PRO

TypeScript allows you to generate definition files for your own libraries. This lesson shows you how to organize your project and generate the definition files so that others projects can use your library with TypeScript.

typescript tutorial about TypeScript - Definition Files

TypeScript - Definition Files

5:51 typescript PRO

TypeScript definition files can be an extremely confusing topic to tackle due to the sheer variety and of features and libraries they need to cover. This lesson helps you understand definition files, how they're used, and where to find them based on many different scenarios.

typescript tutorial about TypeScript - Understanding Decorators

TypeScript - Understanding Decorators

3:23 typescript PRO

Decorators are a feature of TypeScript that are becoming more and more common in many major libraries. This lesson walks you through what decorators are and how to create your own.

typescript tutorial about Compiling TypeScript with WebStorm

Compiling TypeScript with WebStorm

1:31 typescript PRO

As long as you have a properly configured .tsconfig, most tooling can just run tsc behind the scenes to build your project. This lesson shows how WebStorm includes a nice interface for reporting and navigating to the errors and will continuously run your TypeScript build for you.

typescript tutorial about Installing TypeScript and Running the TypeScript Compiler (tsc)

Installing TypeScript and Running the TypeScript Compiler (tsc)

1:59 typescript

This lesson shows you how to install TypeScript and run the TypeScript compiler against a .ts file from the command line.

typescript tutorial about TypeScript - Using Typings and Loading From node_modules

TypeScript - Using Typings and Loading From node_modules

4:44 typescript PRO

Using TypeScript when installing packages from npm often requires you to install related definition files. This lesson shows you how to use typings to install es6-shim then how to configure SystemJS to load from node_modules.

typescript tutorial about TypeScript - Reflection and Decorator Metadata

TypeScript - Reflection and Decorator Metadata

5:59 typescript PRO

TypeScript allows you to emit decorator metadata which enables more powerful features through reflection. This lesson show you how decorators and reflection fit together and how to configure your own decorators to use reflection.

typescript tutorial about Using Lodash in TypeScript with Typings and SystemJS

Using Lodash in TypeScript with Typings and SystemJS

3:38 typescript PRO

One of the most confusing parts of getting started with TypeScript is figuring out how to use all the libraries that you know and love from JavaScript. This lesson walks you through including Lodash in your project, installing Lodash definition files, and then properly loading Lodash with SystemJS.

typescript tutorial about TypeScript - Using Exclude and RootDir until File Globs Lands in 2.0.

TypeScript - Using Exclude and RootDir until File Globs Lands in 2.0.

1:48 typescript PRO

Files globs will be available in TypeScript 2.0, so in the meantime, we need to use "exclude" and "rootDir" to configure which files to load. This lesson shows how to switch from "files" to "exclude".

typescript tutorial about Stopping a TypeScript Build When Errors Are Found

Stopping a TypeScript Build When Errors Are Found

0:58 typescript PRO

TypeScript will always compile even if there are ridiculous errors in your project. This lesson shows how to configure your .tsconfig with "noEmitOnError" so that no files are output if tsc reports an error.

typescript tutorial about TypeScript - What Happens to Compiled Interfaces

TypeScript - What Happens to Compiled Interfaces

3:14 typescript PRO

This lesson covers using your first TypeScript Interface and what happens to the Interface when it is compiled down to JavaScript.

typescript tutorial about Configuring TypeScript Which Files to Compile with "Files" and "OutDir"

Configuring TypeScript Which Files to Compile with "Files" and "OutDir"

1:24 typescript PRO

This lesson shows how to configure the .tsconfig so you only compile the .ts files you want. It then shows how to configure which directory you'd like to compile the files to using "outDir".

typescript tutorial about Configuring a New TypeScript Project

Configuring a New TypeScript Project

0:52 typescript

This lesson walks you through creating your first .tsconfig configuration file which will tell the TypeScript compiler how to treat your .ts files.

typescript tutorial about Loading Compiled TypeScript Files in Browser with SystemJS

Loading Compiled TypeScript Files in Browser with SystemJS

5:00 typescript PRO

TypeScript outputs JavaScript, but what are you supposed to do with it? This lesson shows how to take the output and use SystemJS as the module loader so that you can use the files in your browser.

typescript tutorial about Introduction to Generics in Typescript

Introduction to Generics in Typescript

3:22 typescript PRO

If Typescript is the first language in which you've encountered generics, the concept can be quite difficult to understand. We skip the lecture in this lesson and dive straight into a real-world use-case that is guaranteed to help you understand the need for generics.

typescript tutorial about Typescript Enums vs Booleans when Handling State

Typescript Enums vs Booleans when Handling State

3:49 typescript PRO

Handling state with Typescript enums, instead of booleans, is preferred because:
- Enums are more readable
- Enums can have as many states as you need while booleans only have 2
- You only need to keep track of state with 1 variable when using enums

typescript tutorial about TypeScript Up and Running in Seconds

TypeScript Up and Running in Seconds

0:51 typescript PRO

It’s easy to get up and running with TypeScript, a strongly-typed superset of JavaScript. We’ll cover:
- installing the compiler with Node.js
- compiling TypeScript to JavaScript
- auto-watching source files for changes
- fixing code errors found by TypeScript

typescript tutorial about Catching JavaScript Mistakes with TypeScript

Catching JavaScript Mistakes with TypeScript

5:13 typescript PRO

The TypeScript compiler is a powerful tool which catches mistakes even in vanilla JavaScript. Try it online at the TypeScript Playground, zero setup required.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?