https://DevOpsCloud.io -- Cloud Monk Losang Jinpa

https://www.udemy.com/course/understanding-typescript

by Maximilian Schwarzmuller

See also by Max:

• Angular - The Complete Guide - 2021 Edition by Maximilian Schwarzmuller

Understanding TypeScript - 2021 Edition Don't limit the Usage of TypeScript to Angular! Learn the Basics, its Features, Workflows and how to use it! Bestseller Rating: 4.7 out of 5 4.7

(23,439 ratings)

111,117 students Created by Last updated 8/2021 English English [Auto], French [Auto] , 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 16 sections • 197 lectures • 14h 58m total length Preview 01:55 Preview 04:33 Join Our Learning Community 00:23 Preview 03:05 Preview 04:17 Preview 03:13 Preview 03:06 Preview 07:20 Module Introduction 00:26 Using Types 10:20 TypeScript Types vs JavaScript Types 04:53 Important: Type Casing 00:08 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 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 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 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 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 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 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:26 Wrap Up 03:21 Useful Resources & Links 00:07 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 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 Module Introduction 01:01 What is Webpack & Why do we need it? 05:32 Installing Webpack & Important Dependencies 03:55 Adding Entry & Output Configuration 05:57 Adding TypeScript Support with the ts-loader Package 07:00 Finishing the Setup & Adding webpack-dev-server 03:33 Adding a Production Workflow 04:04 Wrap Up 01:40 Useful Resources & Links 00:07 Module Introduction 01:18 Using JavaScript (!) Libraries with TypeScript 09:01 Using “declare” as a “Last Resort” 02:25 No Types Needed: class-transformer 08:28 TypeScript-embracing: class-validator 06:16 Wrap Up 01:57 Useful Resources & Links 00:05 Module Introduction 00:30 Project Setup 03:56 Getting User Input 02:41 Setting Up a Google API Key 02:48 Using Axios to Fetch Coordinates for an Entered Address 10:14 Rendering a Map with Google Maps (incl. Types!) 06:35 Working with Maps without a Credit Card 00:32 Useful Resources & Links 00:09 Module Introduction 01:05 Setting Up a React + TypeScript Project 05:21 How Do React + TypeScript Work Together? 03:46 Working with Props and Types for Props 06:58 Getting User Input with “refs” 07:03 Cross-Component Communication 03:58 Working with State & Types 04:28 Managing State Better 01:33 More Props & State Work 04:09 Adding Styling 01:01 Types for other React Features (e.g. Redux or Routing) 04:01 Wrap Up 01:34 Useful Resources & Links 00:08 Module Introduction 01:23 Executing TypeScript Code with Node.js 03:33 Setting up a Project 04:06 Finished Setup & Working with Types (in Node + Express Apps) 05:17 Adding Middleware & Types 05:45 Working with Controllers & Parsing Request Bodies 09:53 More CRUD Operations 10:20 Wrap Up 02:11 Useful Resources & Links 00:05 Roundup 03:04 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