ES6/Typescript

Watch User Created Playlist (30)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

TypeScript - Definition Files

P

TypeScript - Understanding Decorators

P

Using Lodash in TypeScript with Typings and SystemJS

P

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

P

Loading Compiled TypeScript Files in Browser with SystemJS

P

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

P

Installing TypeScript and Running the TypeScript Compiler (tsc)

ES6 Parameter Object Destructuring with Required Values

ES6 (ES2015) - Generators

Converting an array-like object into an Array with Array.from()

Destructuring Assignment in ES6

Using the ES6 spread operator

Shorthand Properties in ES6

Default Values for Function Parameters in ES6

Arrow Function => in ES6

The let keyword in ES6

const Declarations in es6 (ES2015)

Object Enhancements in ES6

Use Template Literals in ES6

ES6 Modules (ES2015) - Import and Export

Promises with ES6

Maps and WeakMaps with ES6

ES6 Rest Parameters

P

Configuring a New TypeScript Project

Stopping a TypeScript Build When Errors Are Found

P

Compiling TypeScript with WebStorm

P

TypeScript - What Happens to Compiled Interfaces

P

TypeScript - Using Typings and Loading From node_modules

P

TypeScript - Reflection and Decorator Metadata

P

TypeScript - Generating Definition Files

P
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 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 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 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 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.

js tutorial about ES6 Parameter Object Destructuring with Required Values

ES6 Parameter Object Destructuring with Required Values

1:40 js

Not only can you provide default values when using ES6 parameter object destructuring, but you can also require the presence of certain properties

js tutorial about ES6 (ES2015) - Generators

ES6 (ES2015) - Generators

5:28 js

Generators in ECMAscript 6 are first-class coroutines that produce encapsulated suspended execution contexts. Whew! Yield values and iterate over them until no more values exist in the generator. We'll talk more about practical use later ;)

js tutorial about Converting an array-like object into an Array with Array.from()

Converting an array-like object into an Array with Array.from()

2:19 js

Array.from() lets you convert an "iterable" object (AKA an array-like object) to an array. In this lesson, we go over grabbing DOM nodes and turing them into an array so that we can use methods like Array.filter() and Array.forEach() on them.

js tutorial about Destructuring Assignment in ES6

Destructuring Assignment in ES6

4:33 js

ECMAscript 6 destructuring provides flexible options for variable assignment.

js tutorial about Using the ES6 spread operator

Using the ES6 spread operator

1:40 js

The spread operator allows you to "explode" an array into its individual elements.

js tutorial about Shorthand Properties in ES6

Shorthand Properties in ES6

1:01 js

Shorthand properties allow you to compose complex objects from other objects.

js tutorial about Default Values for Function Parameters in ES6

Default Values for Function Parameters in ES6

2:16 js

With ECMAscript 6 we get the luxury of default parameters for our functions.

js tutorial about Arrow Function => in ES6

Arrow Function => in ES6

2:57 js

ECMAscript 6 introduces the "arrow function" as a shortcut for creating anonymous functions with this scope bound.

js tutorial about The let keyword in ES6

The let keyword in ES6

2:58 js

Block scoping can be surprising, and sometimes confusing, in Javascript. With es6, we have access to the let keyword to remove this pain.

js tutorial about const Declarations in es6 (ES2015)

const Declarations in es6 (ES2015)

2:14 js

Read only variables are available in JavaScript (es6/es2015). We will use const declarations and their benefits, like read only and block scope.

js tutorial about Object Enhancements in ES6

Object Enhancements in ES6

2:12 js

Building on the ES6 Shorthand Properties lesson, John shows the other new Object Enhancements in ES6 that will help you write less code and easily create complex Objects.

js tutorial about Use Template Literals in ES6

Use Template Literals in ES6

4:12 js

ECMAscript 6 lets us use string templates to gain a lot more control over strings in JavaScript.

js tutorial about ES6 Modules (ES2015) - Import and Export

ES6 Modules (ES2015) - Import and Export

5:33 js

ES6 (ES2015) introduces a standardized module format to Javascript. We'll take a look at the various forms of defining and importing modules. Using Webpack to bundle up our modules and Babel to transpile our ES6 into ES5, we'll put this new module syntax to work within our project. Then we'll examine how to import 3rd party packages from npm, importing lodash with the _ underscore alias using the ES6 module syntax.

js tutorial about Promises with ES6

Promises with ES6

5:51 js

Promises in JavaScript (es6/es2015). Creating and using promises with ECMAscript 2015 in your JavaScript application.

js tutorial about Maps and WeakMaps with ES6

Maps and WeakMaps with ES6

5:14 js

A brief introduction to Maps and WeakMaps with ES6, the usage of and difference of Maps and WeakMaps.

js tutorial about ES6 Rest Parameters

ES6 Rest Parameters

3:47 js PRO

In this lesson we will go over ES6 or ECMAScript 2015 Rest Parameters. We will cover what they are, how they work, how they compare to the arguments keyword, and why they are more versatile.

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 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 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 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 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 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.

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