Course Highlights
  • 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
Curriculum

6 Topics
Welcome & Course Overview
Join The Community!
Course Prerequisites
The Case For TypeScript
TypeScript Overview
GET THE COURSE SLIDES!

4 Topics
Installing TypeScript
The TypeScript Playground
Installing Visual Studio Code
How We Use TypeScript

8 Topics
Our First Type Annotation
Working With Numbers & Booleans
Super Quick Quiz!
Compiling TypeScript
Type Inference
The Any Type
Delayed Initialization & Implicit Any
Inference Quiz

10 Topics
Function Parameter Annotations
Function Parameter Quiz
More On Function Parameter Annotations
Working With Default Parameters
Return Type Annotations
Anonymous Function Contextual Typing
The Void Type
Return Type Quiz
The Never Type
Function Types EXERCISE

10 Topics
Working With Object Types
More Object Types
Excess Properties
Object Types Quiz
Creating Type Aliases
Nested Objects
Optional Properties
The readonly Modifier
Intersection Types
Object Types EXERCISE

4 Topics
Working With Array Types
More Array Syntax
Multidimensional Arrays
Array Types EXERCISE

5 Topics
Introducing Union Types
Type Narrowing w/ Union Types
Union Types and Arrays
Literal Types
Union Types EXERCISE

7 Topics
Introducing Tuples
A Bit More On Tuples
Tuples Quiz
NOTE: About The Slides In The Upcoming Lecture
Introducing Enums
A Bit More On Enums!
Enums Behind The Scenes

9 Topics
Introducing Interfaces
Readonly and Optional Interface Properties
Interface Methods
Interface Method Parameters
Interface Methods Quiz
Reopening Interfaces
Extending Interfaces
Interface Multiple Inheritance
Interfaces Vs. Type Aliases

9 Topics
Compiling to JavaScript
Watch Mode
Working With Multiple Files
The Files Compiler Option
Include & Exclude Options
Outdir Option
Target Option
Strict Option
Compiler Options Wrap Up

11 Topics
A Simple Project Setup
Working With The DOM
The Lib Compiler Option
TypeScript's Non-Null Assertion Operator
Type Assertions
Type Assertions With the DOM
Working With Events
Building The Todo List
Adding in an Interface
Connecting to LocalStorage
Todo List Finishing Touches

10 Topics
Classes Setup
The Class Keyword
Constructors
Class Fields
Private Fields
Getters
Setters
Static Properties & Methods
Extending Classes
The Dreaded Super()

10 Topics
Annotating Classes In TypeScript
Class Fields In TypeScript
readonly Class Properties
The public Modifier
The private Modifier
Parameter Properties Shorthand
Getters and Setters
The Protected Modifier
Classes and Interfaces
Creating Abstract Classes

10 Topics
Introducing Generics
Another Example Of A Built-In Generic
Writing Our First Generic
Writing Another Generic Function
Inferred Generic Type Parameters
Generics Arrow Functions & TSX Files
Generics With Multiple Types
Adding Type Constraints
Default Type Parameters
Writing Generic Classes

8 Topics
Typeof Guards
Truthiness Guards
Equality Narrowing
Narrowing With The In Operator
Instanceof Narrowing
Working With Type Predicates
Discriminated Unions
Exhaustiveness Checks With Never

4 Topics
Introducing Type Declarations
Using 3rd Party Libraries: Axios
Working With Axios Types
Installing Types Separately

6 Topics
A Note On Namespaces
Working Without Modules
Using TypeScript Modules
Changing Compilation Module System
Import/Export Syntax In Depth
Importing Types

8 Topics
What's The Point Of Webpack?
Setting Up a Project
Installing Webpack Dependencies
Basic Webpack Config
Adding Source Maps
IMPORTANT NOTE: Fixing the Missing devServer Config
Webpack Dev Server
Production Configuration

12 Topics
React & TypeScript Introduction
Create React App With TypeScript
Our First Component
A Note on React.FC
Props With TypeScript
Creating Our ShoppingList Component
useState With TypeScript
Creating Our ShoppingItem Form
useRef With TypeScript
Updating The State
Finishing Touches
React + TypeScript Wrapup

  Write a Review

Mastering TypeScript - 2024 Edition

Go to Paid Course