Typescript - The Complete Guide (2023)

Understanding typescript from scratch to advance level and integration with frameworks like Angular, Express and more

What you'll learn

Difference between javascript and typescript

Writing typescript code from scratch to advance level

Understanding typescript role in advance frontend frameworks like Angular

Understanding typescript role in advance backend development frameworks like Node + Express + Typescript

Writing object oriented programming in typescript with class, interfaces, generics and more

Writing advance typescript decorators to meet advance needs

Detailed understanding of typescript compiler with wide variety of configuration

Requirements

A basic of javascript will be an advantage [Not compulsory]

Description

In this course, you will learn Typescript from scratch to an advanced level with all concepts and examples. We will start with understanding issues in Javascript and how these issues will be solved in Typescript to write more type-strict code in Typescript.Who are you?Beginner to Typescript (Wants to new skill in skillset) ?The course is well crafted in such a way that a new beginner can easily understand all topics with examples, slowly introducing advanced examples to make you more confident with typescript. If you are new to object-oriented programming,  in each module of OOP, the basic concepts are explained in detail before starting the actual implementation.Learning as support for advanced frameworks (eg. Angular/react/express and more) To learn advanced frameworks (e.g., Angular), you must have a great, in-depth understanding of Typescript. Which will help you understand the core concepts in more detail. For example, if you know how Decorators work in Typescript, you can easily understand the magic behind Angular Components. We also have a dedicated module for Typescript with Angular [Frontend] and Typescript with Backend [Express] to understand Typescript's role in these frameworks.Known to Basic Typescript & Wants to master it ?That's fantastic; we will unlock many concepts in detail with examples to have better clarity on advanced concepts like Decorators, compiler configurations, and many more. The course also has a dedicated module to cover many advanced topics that are rarely covered in many online resources. For example, Undefined vs. Null, Definitely Typed, Hash Prefix for Private Members, and many moreAdditionally, how will this course help you understand typescript better?The 10+ quizzes will help you test your understanding quickly.The assignments will make you more confident in writing examples with the real time concepts you learned.In the active Q&A section, where students answer each other and personally, I will be available to answer your queries.Source code (in ZIP Format) is attached in almost every lecture, so if you are stuck somewhere & not able to get desired output, you can quickly download and use it [but I recommend you to give it a try rather than downloading].And finally, it's Udemy, where you have a 30-Day Money-Back Guarantee for your satisfaction. So your investment is completely safe.Let's begin your typescript journey. See you inside the course.

Overview

Section 1: Introduction

Lecture 1 What is Typescript?

Lecture 2 Issues in Javascript

Lecture 3 JavaScript Versions

Lecture 4 Typescript Advantages

Lecture 5 Typescript Versions

Section 2: Setup

Lecture 6 Visual Studio Code & Node

Lecture 7 Installing Typescript & Writing First Typescript file

Lecture 8 Downloading Zip from resources & using it

Lecture 9 Setting Code Formatter Extension - Prettier

Lecture 10 Setting Icon Theme Extension

Section 3: Typescript Compilation

Lecture 11 Introduction

Lecture 12 Watch Mode

Lecture 13 tsconfig.json

Lecture 14 noUnusedLocals

Lecture 15 noUnusedParameters

Lecture 16 noImplicitReturns

Lecture 17 Setting up debugger

Section 4: Basics Types with Typescript

Lecture 18 Introduction

Lecture 19 Data Type Validation in Javascript

Lecture 20 Basic type (primitives)

Lecture 21 bigint

Lecture 22 Symbol

Lecture 23 Type Assignment (Implicit vs Explicit)

Section 5: Working with Typescript

Lecture 24 Introduction

Lecture 25 Objects Basic

Lecture 26 Objects Readonly Optional Nested

Lecture 27 Objects with Functions

Lecture 28 Arrays Basic

Lecture 29 Arrays readonly, objects

Lecture 30 Array destructing, constructor

Lecture 31 Union

Lecture 32 Enums with Log example

Lecture 33 Enum in detail

Lecture 34 let var const

Lecture 35 let in details

Lecture 36 Tuples

Lecture 37 Tuple destructing

Lecture 38 Alias

Lecture 39 Literals

Lecture 40 functions params and more

Lecture 41 Arrow Functions

Lecture 42 Anonymous Functions & Constructor

Lecture 43 Casting

Lecture 44 Casting with HTML Example

Section 6: Classes

Lecture 45 Introduction

Lecture 46 What is Class?

Lecture 47 Creating first class

Lecture 48 How Class looks in JS?

Lecture 49 Constructor and params

Lecture 50 this keyword

Lecture 51 Access Modifiers

Lecture 52 Readonly

Lecture 53 Debit & Credit Example

Lecture 54 Static Property

Lecture 55 Static method

Lecture 56 What Is Inheritance?

Lecture 57 Creating objects for child classes

Lecture 58 Method Overriding

Lecture 59 Method Overriding With Example

Lecture 60 Protected

Lecture 61 Abstract Classes

Lecture 62 Abstract Methods

Lecture 63 Abstract Properties

Lecture 64 Getter & Setter

Lecture 65 Invisible Constructer

Section 7: Interfaces

Lecture 66 Introduction

Lecture 67 What is Interface?

Lecture 68 Example BankAccount Interface

Lecture 69 Functions in Interface

Lecture 70 How Interface looks in JS?

Lecture 71 Union examples with property

Lecture 72 Interface vs Class

Lecture 73 Extending Interface

Lecture 74 Implementing Multiple Interfaces

Lecture 75 Interface as type

Lecture 76 Utility Types

Lecture 77 More Utility Types

Lecture 78 Interfaces Vs Type Aliases

Lecture 79 Interface with same name

Section 8: Generics

Lecture 80 Introduction

Lecture 81 Creating Generic Function

Lecture 82 Naming Convention

Lecture 83 Multiple Types

Lecture 84 Return Types

Lecture 85 Issue with Return Type

Lecture 86 With Arrays

Lecture 87 Generic Classes

Lecture 88 Generics Interfaces

Lecture 89 Generics Vs Any

Section 9: Advance Typescript Compilation

Lecture 90 Introduction

Lecture 91 compilerOptions

Lecture 92 target

Lecture 93 rootDir and outDir

Lecture 94 declaration & declarationMap

Lecture 95 removeComments

Lecture 96 noEmit

Lecture 97 noEmitOnError

Lecture 98 noImplicitAny

Lecture 99 strictNullChecks

Lecture 100 strictFunctionTypes

Lecture 101 strictBindCallApply

Lecture 102 strictPropertyInitialization

Lecture 103 noImplicitThis

Lecture 104 noUnusedLocals

Lecture 105 noFallthroughCasesInSwitch

Lecture 106 allowUnreachableCode

Section 10: Decorators

Lecture 107 Introduction

Lecture 108 Class Decorator

Lecture 109 experimentalDecorators

Lecture 110 Decorator Factories

Lecture 111 A change in Naming Convention

Lecture 112 Class Decorator - Example

Lecture 113 Multiple Decorator

Lecture 114 Class Decorator Used by Angular

Lecture 115 Property Decorator

Lecture 116 Method Decorator

Lecture 117 Method Decorator With Parameter

Section 11: Advanced Topics

Lecture 118 Introduction

Lecture 119 What is Declaration Merging?

Lecture 120 Interface - Declaration Merging

Lecture 121 Enum - Declaration Merging

Lecture 122 any Vs unknown

Lecture 123 undefined Vs null

Lecture 124 Definitely Typed

Lecture 125 Typescript Updates Understanding

Lecture 126 for-of-vs-for-in

Lecture 127 Hash Prefix For Private Members

Section 12: Typescript in Angular [Frontend]

Lecture 128 Introduction

Lecture 129 Angular Installation

Lecture 130 First Angular Project

Lecture 131 Downloading and Running Project

Lecture 132 What is Component?

Lecture 133 Understanding Decorators Role in Components

Lecture 134 Creating First Component

Lecture 135 More Components

Section 13: Typescript in Express [Backend]

Lecture 136 Introduction

Lecture 137 Express Server with JS

Lecture 138 Instruction on downloading code & running

Lecture 139 Typescript and Express installation

Lecture 140 Typescript Setup

Lecture 141 Express Server with TS

Section 14: Round up

Lecture 142 Thanks

Adding Typescript in your skillset,Wants to learn advance typescript,Learning advance frameworks in which typescript used like Angular/React/Express and more,Preparing for an Interview as Typescript Developer