Understanding TypeScript - 2020 Edition
4.7 (15,457 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
71,347 students enrolled

Understanding TypeScript - 2020 Edition

Don't limit the Usage of TypeScript to Angular! Learn the Basics, its Features, Workflows and how to use it!
Bestseller
4.7 (15,457 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
71,347 students enrolled
Last updated 7/2020
English
English [Auto], French [Auto], 6 more
  • German [Auto]
  • Indonesian [Auto]
  • Italian [Auto]
  • Polish [Auto]
  • Portuguese [Auto]
  • Spanish [Auto]
Current price: $128.99 Original price: $184.99 Discount: 30% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 15 hours on-demand video
  • 21 articles
  • 210 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Use TypeScript and its Features like Types, ES6 Support, Classes, Modules, Interfaces and much more in any of their Projects
  • Understand what TypeScript really is about and how it works
  • Why TypeScript offers a real advantage over vanilla JavaScript
  • Learn TypeScript both in theory as well as applied to real use-cases and projects
  • Learn how to combine TypeScript with ReactJS or NodeJS / Express
Course content
Expand all 197 lectures 14:57:55
+ Getting Started
9 lectures 41:11

Welcome to the course! Let me guide you through what you can expect from the course!

Preview 01:55

What is TypeScript and why is it awesome? In this lecture, we'll take a closer look at the advantages and new features TypeScript adds to JavaScript.

Preview 04:33
Join Our Learning Community
00:20

Time to get started! Learn how to install TypeScript globally on your system and how to use it in your first little demo project.

Preview 13:22

Time to summarize the advantages we learned about over the last lecture - what's amazing about TypeScript?

Preview 03:05

What exactly is in the course? Here's a complete outline!

Preview 04:17

Your success matters to me - here's how you get the most out of this TypeScript course!

Preview 03:13

In order to be productive, we need a good coding setup. In this lecture, we'll set up VS Code to write TypeScript code efficiently.

Preview 03:06

Throughout this TypeScript course, we'll often start with a blank project - in this lecture, we'll create that blank starting project.

Preview 07:20
+ TypeScript Basics & Basic Types
23 lectures 01:40:56
Module Introduction
00:26
Using Types
10:20
TypeScript Types vs JavaScript Types
04:53
Important: Type Casing
00:07
Working with Numbers, Strings & Booleans
05:43
Type Assignment & Type Inference
05:39
Understanding Types
4 questions
Object Types
07:32
Nested Objects & Types
00:17
Arrays Types
05:29
Working with Tuples
06:19
Working with Enums
07:05
The "any" Type
02:04
Union Types
06:30
Literal Types
07:54
Type Aliases / Custom Types
02:59
Type Aliases & Object Types
00:25
Core Types & Concepts
4 questions
Function Return Types & "void"
07:25
Functions as Types
05:34
Function Types & Callbacks
04:23
Functions & Types
3 questions
The "unknown" Type
03:43
The "never" Type
04:10
Wrap Up
01:51
Useful Resources & Links
00:07
+ The TypeScript Compiler (and its Configuration)
15 lectures 55:29
Module Introduction
00:46
Using "Watch Mode"
02:05
Compiling the Entire Project / Multiple Files
03:46
Including & Excluding Files
06:13
Setting a Compilation Target
04:04
Understanding TypeScript Core Libs
05:31
More Configuration & Compilation Options
01:41
Working with Source Maps
01:59
rootDir and outDir
05:31
Stop Emitting Files on Compilation Errors
02:51
Strict Compilation
11:04
Code Quality Options
04:22
Debugging with Visual Studio Code
04:20
Wrap Up
01:08
Useful Resources & Links
00:08
+ Next-generation JavaScript & TypeScript
9 lectures 32:28
Module Introduction
02:21
"let" and "const"
06:33
Arrow Functions
04:50
Default Function Parameters
02:09
The Spread Operator (...)
04:32
Rest Parameters
05:04
Array & Object Destructuring
05:17
How Code Gets Compiled & Wrap Up
01:37
Useful Resources & Links
00:05
+ Classes & Interfaces
25 lectures 01:35:52
Module Introduction
00:54
What are Classes?
04:48
Creating a First Class
05:52
Compiling to JavaScript
03:02
Constructor Functions & The "this" Keyword
07:35
"private" and "public" Access Modifiers
05:52
Shorthand Initialization
02:58
"readonly" Properties
02:45
Class Basics
4 questions
Inheritance
08:07
Overriding Properties & The "protected" Modifier
02:43
Getters & Setters
06:42
Static Methods & Properties
05:08
Abstract Classes
05:25
Singletons & Private Constructors
05:07
Classes - A Summary
01:43
Classes
4 questions
A First Interface
04:26
Using Interfaces with Classes
06:10
Why Interfaces?
01:34
Readonly Interface Properties
01:35
Extending Interfaces
02:34
Interfaces as Function Types
02:41
Optional Parameters & Properties
04:11
Compiling Interfaces to JavaScript
01:58
Interfaces
2 questions
Wrap Up
01:54
Useful Resources & Links
00:08
+ Advanced Types
11 lectures 51:51
Module Introduction
00:58
Intersection Types
04:58
More on Type Guards
10:34
Discriminated Unions
06:11
Type Casting
07:45
Index Properties
06:35
Function Overloads
06:18
Optional Chaining
04:21
Nullish Coalescing
02:44
Advanced Types
3 questions
Wrap Up
01:20
Useful Resources & Links
00:07
+ Generics
11 lectures 52:05
Module Introduction
01:05
Built-in Generics & What are Generics?
08:44
Creating a Generic Function
08:33
Working with Constraints
03:39
Another Generic Function
05:35
The "keyof" Constraint
03:06
Generic Classes
08:54
A First Summary
01:22
Generic Utility Types
07:19
Generic Types vs Union Types
03:41
Generics
3 questions
Useful Resources & Links
00:07
+ Decorators
16 lectures 01:16:31
Module Introduction
01:34
A First Class Decorator
05:21
Working with Decorator Factories
02:02
Building More Useful Decorators
05:59
Adding Multiple Decorators
02:52
Diving into Property Decorators
05:00
Accessor & Parameter Decorators
05:36
When Do Decorators Execute?
03:11
Returning (and changing) a Class in a Class Decorator
08:37
Other Decorator Return Types
03:44
Example: Creating an "Autobind" Decorator
09:04
Validation with Decorators - First Steps
07:28
Validation with Decorators - Finished
12:14
Fixing a Validator Bug
00:21
Wrap Up
03:21
Useful Resources & Links
00:07
+ Practice Time! Let's build a Drag & Drop Project
20 lectures 02:41:02
Module Introduction
00:54
Getting Started
05:20
DOM Element Selection & OOP Rendering
11:43
Interacting with DOM Elements
08:03
Creating & Using an "Autobind" Decorator
04:44
Fetching User Input
09:14
Creating a Re-Usable Validation Functionality
14:10
Rendering Project Lists
11:18
Managing Application State with Singletons
15:32
More Classes & Custom Types
07:11
Filtering Projects with Enums
05:59
Adding Inheritance & Generics
18:40
Rendering Project Items with a Class
11:58
Using a Getter
03:33
Utilizing Interfaces to Implement Drag & Drop
10:24
Drag Events & Reflecting the Current State in the UI
05:58
Adding a Droppable Area
08:08
Finishing Drag & Drop
06:44
Wrap Up
01:22
Useful Resources & Links
00:07
+ Modules & Namespaces
11 lectures 49:57
Module Introduction
01:11
Writing Module Code - Your Options
03:50
Working with Namespaces
10:50
Organizing Files & Folders
08:41
A Problem with Namespace Imports
02:52
Important: Use Chrome or Firefox
00:11
Using ES Modules
12:20
Understanding various Import & Export Syntaxes
04:57
How Does Code In Modules Execute?
01:43
Wrap Up
03:14
Useful Resources & Links
00:08
Requirements
  • JavaScript knowledge is required, though you don't need to be an Expert
  • NO prior TypeScript experience is required
  • ES6 Knowledge is a plus but not required
Description

This course was completely updated, reflects the latest version of TypeScript and incorporated tons of student feedback.

---

Most People know TypeScript from Angular 2+. It's the Language you have to use there, right?

It's more than that! 

Learn what TypeScript is, why it really is a powerful Addition to JavaScript, what its Features are and how to use it! And whilst doing so, also understand what you're actually doing in your Angular 2+ Code.

This Course takes you from the very Basics and its most important Feature (Types!) to the Point where you're able to use TypeScript in any of your Projects. ReactJS Projects included!

As TypeScript is developed by Microsoft and strongly advertised used by Angular 2+ (Google), it's here to stay

Gain an Edge today and be amongst the First to really understand TypeScript!

A Journey into the Future

As TypeScript code can be compiled to ES5, you'll be amazed by the many next-gen Features you can start using Today. Be it ES6 Features like Destructuring or Arrow Functions, Decorators, Generics and Interfaces or Modules - TypeScript has them all!

In this Course, we'll not stop after the Basics. You will learn about more advanced Features and also how to set up Workflows with  TypeScript. This includes a TypeScript-only Workflow as well as a Webpack Workflow.

You'll also learn that you're not limited to Angular 2+ or plain JavaScript/ TypeScript Projects. A complete Module covers how to use TypeScript with ReactJS to benefit from its Features, there, too.

Practice what you Learn

Watching Videos is a great Way to Learn. And to a lot of Students, it's the best Way. If you also want to practice the Things you learn, this Course offers you Exercises (and Solutions) in many of the Course Modules.

So much Content!

I'm not a Fan of these Courses which teach you the Basics and then leave you alone. In this Course you'll get insights into:

  • Types and how to use them

  • How the TypeScript Compiler works

  • ES6 Features in TypeScript

  • Classes in TypeScript

  • Namespaces and Modules

  • Interfaces

  • Generics

  • Decorators

  • How to integrate Third-Party JavaScript Libraries into your TypeScript Project

  • How to set up a TypeScript project with Webpack

  • Or how to set up a plain-TypeScript Workflow

  • How to use TypeScript together with ReactJS

  • How to use TypeScript together with Node/ Express

  • Real projects and use-cases!

Who this course is for:
  • This Course is for every student who wants to extend his or her horizon beyond vanilla JavaScript
  • Everyone learning Angular should definitely understand how TypeScript works