Mastering TypeScript – 2022 Edition

Mastering TypeScript – 2022 Edition

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 142 lectures (10h 43m) | 4.25 GB

Learn the world’s fastest growing programming language from scratch. Includes Webpack & React!

Welcome to the best resource online for mastering TypeScript.

TypeScript is a powerful superset of JavaScript that makes development smoother, safer, and helps you catch errors and avoid bugs early on. TypeScript adds a bunch of useful features to the JavaScript that you know and love. It helps you be a more productive developer and forces you to write better code.

TypeScript has skyrocketed in popularity to become one of the world’s most popular and loved programming languages. It has doubled in popularity every year since 2017, and it continues to grow at an astronomical rate. It’s definitely the right time to learn TypeScript!

This course covers all the syntax, features, and concepts you need to master TypeScript and start using it in your own codebases. We start with the very basics of the type system and cover everything up to incorporating TypeScript in React codebases and using Webpack with TypeScript.

Here’s a detailed breakdown of the topics the course covers:

  • The TypeScript type system
  • Union Types
  • Intersection Types
  • Tuples and Enums
  • Interfaces
  • The TypeScript compiler and how to configure it
  • Working with the DOM and TypeScript
  • TypeScript Classes
  • Generics
  • Type Narrowing
  • Type Declarations
  • Working with 3rd party libraries
  • Webpack + TypeScript workflows
  • Integrating React and TypeScript
  • TypeScript’s Module System

Enroll in this course to learn what TypeScript is, why it’s so popular, and how to use it!

What you’ll learn

  • The ins and outs of ALL of TypeScript’s syntax
  • TypeScript Interfaces, Generics, Classes, Modules, and more
  • Integrate TypeScript with Webpack
  • Use TypeScript with ReactJS
Table of Contents

2 Welcome & Course Overview
3 Course Prerequisites
4 The Case For TypeScript
5 TypeScript Overview

Installation & Setup
7 Installing TypeScript
8 The TypeScript Playground
9 Installing Visual Studio Code
10 How We Use TypeScript

Type Annotation Basics
11 Our First Type Annotation
12 Working With Numbers & Booleans
13 Compiling TypeScript
14 Type Inference
15 The Any Type
16 Delayed Initialization & Implicit Any

17 Function Parameter Annotations
18 More On Function Parameter Annotations
19 Working With Default Parameters
20 Return Type Annotations
21 Anonymous Function Contextual Typing
22 The Void Type
23 The Never Type
24 Function Types EXERCISE

Object Types
25 Working With Object Types
26 More Object Types
27 Excess Properties
28 Creating Type Aliases
29 Nested Objects
30 Optional Properties
31 The readonly Modifier
32 Intersection Types
33 Object Types EXERCISE

Array Types
34 Working With Array Types
35 More Array Syntax
36 Multidimensional Arrays
37 Array Types EXERCISE

Union Types
38 Introducing Union Types
39 Type Narrowing w Union Types
40 Union Types and Arrays
41 Literal Types
42 Union Types EXERCISE

Tuples and Enums
43 Introducing Tuples
44 A Bit More On Tuples
45 Introducing Enums
46 A Bit More On Enums
47 Enums Behind The Scenes

48 Introducing Interfaces
49 Readonly and Optional Interface Properties
50 Interface Methods
51 Interface Method Parameters
52 Reopening Interfaces
53 Extending Interfaces
54 Interface Multiple Inheritance
55 Interfaces Vs Type Aliases

The TypeScript Compiler
56 Compiling to JavaScript
57 Watch Mode
58 Working With Multiple Files
59 The Files Compiler Option
60 Include & Exclude Options
61 Outdir Option
62 Target Option
63 Strict Option
64 Compiler Options Wrap Up

Mini Project The DOM Type Assertions and More
65 A Simple Project Setup
66 Working With The DOM
67 The Lib Compiler Option
68 TypeScripts NonNull Assertion Operator
69 Type Assertions
70 Type Assertions With the DOM
71 Working With Events
72 Building The Todo List
73 Adding in an Interface
74 Connecting to LocalStorage
75 Todo List Finishing Touches

76 Classes Setup
77 The Class Keyword
78 Constructors
79 Class Fields
80 Private Fields
81 Getters
82 Setters
83 Static Properties & Methods
84 Extending Classes
85 The Dreaded Super

TypeScript Classes
86 Annotating Classes In TypeScript
87 Class Fields In TypeScript
88 readonly Class Properties
89 The public Modifier
90 The private Modifier
91 Parameter Properties Shorthand
92 Getters and Setters
93 The Protected Modifier
94 Classes and Interfaces
95 Creating Abstract Classes

96 Inferred Generic Type Parameters
97 Generics Arrow Functions & TSX Files
98 Generics With Multiple Types
99 Adding Type Constraints
100 Default Type Parameters
101 Writing Generic Classes
102 Introducing Generics
103 Another Example Of A BuiltIn Generic
104 Writing Our First Generic
105 Writing Another Generic Function

Type Narrowing
106 Typeof Guards
107 Truthiness Guards
108 Equality Narrowing
109 Narrowing With The In Operator
110 Instanceof Narrowing
111 Working With Type Predicates
112 Discriminated Unions
113 Exhaustiveness Checks With Never

Working With Type Declarations
114 Introducing Type Declarations
115 Using 3rd Party Libraries Axios
116 Working With Axios Types
117 Installing Types Separately

118 A Note On Namespaces
119 Working Without Modules
120 Using TypeScript Modules
121 Changing Compilation Module System
122 ImportExport Syntax In Depth
123 Importing Types

Webpack & TypeScript
124 Whats The Point Of Webpack
125 Setting Up a Project
126 Installing Webpack Dependencies
127 Basic Webpack Config
128 Adding Source Maps
129 Webpack Dev Server
130 Production Configuration

React & TypeScript
131 React & TypeScript Introduction
132 Create React App With TypeScript
133 Our First Component
134 A Note on ReactFC
135 Props With TypeScript
136 Creating Our ShoppingList Component
137 useState With TypeScript
138 Creating Our ShoppingItem Form
139 useRef With TypeScript
140 Updating The State
141 Finishing Touches
142 React TypeScript Wrapup