Course Highlights
  • Government certification
  • Certification valid for life
  • Lifelong e-learning access
  • Learning Hours: 20+ hrs
  • Life Time Job Support
  • Job Profile Tagging
Curriculum

5 Topics
Why Is TypeScript & Why Should You Use It?
Installing & Using TypeScript
TypeScript Advantages - Overview
How to Get the Most Out of the course
Setting Up A Code Editor / IDE

17 Topics
Using Types
TypeScript Types vs JavaScript Types
Working with Numbers Strings & Booleans
Type Assignment & Type Inference
Object Types
Arrays Types
Working with Tuples
Working with Enums
The 'any' Type
Union Types
Literal Types
Type Aliases / Custom Types
Function Return Types & 'void'
Functions as Types
Function Types & Callbacks
The 'unknown' Type
The 'never' Type

12 Topics
Using 'Watch Mode'
Compiling the Entire Project / Multiple Files
Including & Excluding Files
Setting a Compilation Target
Understanding TypeScript Core Libs
More Configuration & Compilation Options
Working with Source Maps
rootDir and outDir
Stop Emitting Files on Compilation Errors
Strict Compilation
Code Quality Options
Debugging with Visual Studio Code

7 Topics
'let' and 'const'
Arrow Functions
Default Function Parameters
The Spread Operator (...)
Rest Parameters
Array & Object Destructuring
How Code Gets Compiled & Wrap Up

22 Topics
What are Classes?
Creating a First Class
Compiling to JavaScript
Constructor Functions & The 'this' Keyword
'private' and 'public' Access Modifiers
Shorthand Initialization
'readonly' Properties
Inheritance
Overriding Properties & The 'protected' Modifier
Getters & Setters
Static Methods & Properties
Abstract Classes
Singletons & Private Constructors
Classes - A Summary
A First Interface
Using Interfaces with Classes
Why Interfaces?
Readonly Interface Properties
Extending Interfaces
Interfaces as Function Types
Optional Parameters & Properties
Compiling Interfaces to JavaScript

8 Topics
Intersection Types
More on Type Guards
Discriminated Unions
Type Casting
Index Properties
Function Overloads
Optional Chaining
Nullish Coalescing

9 Topics
Built-in Generics & What are Generics?
Creating a Generic Function
Working with Constraints
Another Generic Function
The 'keyof' Constraint
Generic Classes
A First Summary
Generic Utility Types
Generic Types vs Union Types

12 Topics
A First-Class Decorator
Working with Decorator Factories
Building More Useful Decorators
Adding Multiple Decorators
Diving into Property Decorators
Accessor & Parameter Decorators
When Do Decorators Execute?
Returning (and changing) a Class in a Class Decorator
Other Decorator Return Types
Example: Creating an 'Autobind' Decorator
Validation with Decorators - First Steps
Validation with Decorators - Finished

17 Topics
Getting Started
DOM Element Selection & OOP Rendering
Interacting with DOM Elements
Creating & Using an 'Autobind' Decorator
Fetching User Input
Creating a Re-Usable Validation Functionality
Rendering Project Lists
Managing Application State with Singletons
More Classes & Custom Types
Filtering Projects with Enums
Adding Inheritance & Generics
Rendering Project Items with a Class
Using a Getter
Utilizing Interfaces to Implement Drag & Drop
Drag Events & Reflecting the Current State in the UI
Adding a Droppable Area
Finishing Drag & Drop

7 Topics
Writing Module Code - Your Options
Working with Namespaces
Organizing Files & Folders
A Problem with Namespace Imports
Using ES Modules
Understanding various Import & Export Syntaxes
How Does Code In Modules Execute?

6 Topics
What is Webpack & Why do we need it?
Installing Webpack & Important Dependencies
Adding Entry & Output Configuration
Adding TypeScript Support with the ts-loader Package
Finishing the Setup & Adding webpack-dev-server
Adding a Production Workflow

4 Topics
Using JavaScript (!) Libraries with TypeScript
Using 'declare' as a 'Last Resort'
No Types Needed: class-transformer
TypeScript-embracing: class-validator

5 Topics
Project Setup
Getting User Input
Setting Up a Google API Key
Using Axios to Fetch Coordinates for an Entered Address
Rendering a Map with Google Maps (incl. Types!)

10 Topics
Setting Up a React + TypeScript Project
How Do React + TypeScript Work Together?
Working with Props and Types for Props
Getting User Input with 'refs'
Cross-Component Communication
Working with State & Types
Managing State Better
More Props & State Work
Adding Styling
Types for other React Features (e.g. Redux or Routing)

6 Topics
Executing TypeScript Code with Node.js
Setting up a Project
Finished Setup & Working with Types (in Node + Express Apps)
Adding Middleware & Types
Working with Controllers & Parsing Request Bodies
More CRUD Operations

  Write a Review

Certified Typescript Professional

Go to Paid Course