Typescript: The Complete Guide (2024 Edition)

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

#1: Best Indian corporate instructor with TypeScript"I attended Navin's offline training in Deloitte, India, for JavaScript; it was a great experience, which also helped me become a senior developer at my current company. Then I also learned about other technologies from him on Udemy. I loved the ways he explained concepts and also understood in advance the doubts that could arise for a learner; that's great art that comes with experience for any instructor." – Govind SatputeWhy choose this course?Everything is covered right from scratch.Practical scenarios added from my product-building experience.Unique ways to explain concepts with different real-time examples.Deep dive into advanced topics.Make yourself ready to learn advanced frameworks like React, Angular, Vue, Express, and many more.Designing solutions for given problems.Have you seen how few developers debug any code in minutes? Debugging is an art, which saves hours of your precious time.Suitable for beginners, intermediates, and advanced learners (specific modules for mastering an area of JavaScript). Why me as the instructor for this course?My name is Navin Rajesham, and I am a certified corporate trainer from India. I trained Deloitte, CitiusTech, Infosys, TCS, and many more MNCs on JavaScript. With my 10+ years of experience, I learned how to keep a path in a course, elaborate the things, put great examples to understand concepts, and make sure all the learners get the best out of it. Creating an online course is not just a simple task; it's an art that comes with experience. I feel great when I read reviews of how my courses have helped learners. I would like to thank my 70k+ learners on Udemy.What does the course cover?Why TypeScript?Issues in JavaScriptTypeScript versionsSetting watch modetsconfig.json in detailsSetting up debuggerData TypesObjectsTraditional FunctionsArrow FunctionsAnonymous FunctionsArrayTuplesUnionEnumsCastingClasses, Access ModifersGetter & SetterStatic Property & MethodInheritance Abstract Classes, Properties & MethodsInterfaceUtility TypesGenericsAdvance Compiler ConfigurationsDecoratorsTypeScript with Angular TypeScript with Expressand many moreAdditionallyThe quizzes will help you test your understanding quickly.The coding exercises 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 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 the 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 Introduction

Lecture 2 What is Typescript?

Lecture 3 Issues in Javascript

Lecture 4 JavaScript Versions

Lecture 5 Typescript Advantages

Lecture 6 Typescript Versions

Lecture 7 Do you know?

Section 2: Setup

Lecture 8 Important Note

Lecture 9 Visual Studio Code & Node

Lecture 10 Installing Typescript & Writing First Typescript File

Lecture 11 Downloading Zip from Resources & Using it

Lecture 12 Setting Code Formatter Extension - Prettier

Lecture 13 Setting Icon Theme Extension

Lecture 14 Important Links & Commands

Section 3: Typescript Compilation

Lecture 15 Important Note

Lecture 16 Introduction

Lecture 17 Watch Mode

Lecture 18 tsconfig.json

Lecture 19 noUnusedLocals

Lecture 20 noUnusedParameters

Lecture 21 noImplicitReturns

Lecture 22 Setting up debugger

Lecture 23 Additional resources

Section 4: Basics Types with Typescript

Lecture 24 Introduction

Lecture 25 Data Type Validation in Javascript

Lecture 26 Basic Type (primitives)

Lecture 27 bigint

Lecture 28 Symbol

Lecture 29 Type Assignment (Implicit vs Explicit)

Lecture 30 Summary

Section 5: Working with Typescript

Lecture 31 Introduction

Lecture 32 Objects Basic

Lecture 33 Objects Readonly & Optional Properties, Nested Objects

Lecture 34 Objects with Functions

Lecture 35 Arrays Basic

Lecture 36 Arrays Readonly & Objects

Lecture 37 Array Destructuring & Constructor

Lecture 38 Union

Lecture 39 Enums with Log Example

Lecture 40 Enum in Detail

Lecture 41 Summary

Lecture 42 let var const

Lecture 43 let in Detail

Lecture 44 Tuples

Lecture 45 Tuple Destructuring

Lecture 46 Alias

Lecture 47 Literals

Lecture 48 Functions, Params and More

Lecture 49 Arrow Functions

Lecture 50 Anonymous Functions & Constructor

Lecture 51 Casting

Lecture 52 Casting with HTML Example

Lecture 53 Summary

Section 6: Classes

Lecture 54 Introduction

Lecture 55 What is Class?

Lecture 56 Creating first Class

Lecture 57 How Class looks in JS?

Lecture 58 Constructor and Params

Lecture 59 this keyword

Lecture 60 Access Modifiers

Lecture 61 Readonly

Lecture 62 Debit & Credit Example

Lecture 63 Static Property

Lecture 64 Static Method

Lecture 65 Summary

Lecture 66 What Is Inheritance?

Lecture 67 Creating Objects for Child Classes

Lecture 68 Method Overriding

Lecture 69 Method Overriding With Example

Lecture 70 Protected

Lecture 71 Abstract Classes

Lecture 72 Abstract Properties

Lecture 73 Getter & Setter

Lecture 74 Invisible Constructer

Lecture 75 Abstract Methods

Lecture 76 Summary

Section 7: Interfaces

Lecture 77 Introduction

Lecture 78 What is Interface?

Lecture 79 Example BankAccount Interface

Lecture 80 Functions in Interface

Lecture 81 How Interface looks in JS?

Lecture 82 Union Examples with Property

Lecture 83 Interface vs Class

Lecture 84 Summary

Lecture 85 Extending Interface

Lecture 86 Implementing Multiple Interfaces

Lecture 87 Interface as type

Lecture 88 Utility Types

Lecture 89 More Utility Types

Lecture 90 Interfaces Vs Type Aliases

Lecture 91 Interface with same name

Lecture 92 Summary

Section 8: Generics

Lecture 93 Introduction

Lecture 94 Creating Generic Function

Lecture 95 Naming Convention

Lecture 96 Multiple Types

Lecture 97 Return Types

Lecture 98 Issue with Return Type

Lecture 99 With Arrays

Lecture 100 Generic Classes

Lecture 101 Generics Interfaces

Lecture 102 Generics Vs Any

Section 9: Advance Typescript Compilation

Lecture 103 Introduction

Lecture 104 compilerOptions

Lecture 105 target

Lecture 106 rootDir and outDir

Lecture 107 declaration & declarationMap

Lecture 108 removeComments

Lecture 109 noEmit

Lecture 110 noEmitOnError

Lecture 111 noImplicitAny

Lecture 112 strictNullChecks

Lecture 113 strictFunctionTypes

Lecture 114 strictBindCallApply

Lecture 115 strictPropertyInitialization

Lecture 116 noImplicitThis

Lecture 117 noUnusedLocals

Lecture 118 noFallthroughCasesInSwitch

Lecture 119 allowUnreachableCode

Section 10: Decorators

Lecture 120 Introduction

Lecture 121 Class Decorator

Lecture 122 experimentalDecorators

Lecture 123 Decorator Factories

Lecture 124 A change in Naming Convention

Lecture 125 Class Decorator - Example

Lecture 126 Multiple Decorator

Lecture 127 Class Decorator Used by Angular

Lecture 128 Property Decorator

Lecture 129 Method Decorator

Lecture 130 Method Decorator With Parameter

Section 11: Advanced Topics

Lecture 131 Introduction

Lecture 132 What is Declaration Merging?

Lecture 133 Interface - Declaration Merging

Lecture 134 Enum - Declaration Merging

Lecture 135 any Vs unknown

Lecture 136 undefined Vs null

Lecture 137 Definitely Typed

Lecture 138 Typescript Updates Understanding

Lecture 139 for-of-vs-for-in

Lecture 140 Hash Prefix For Private Members

Section 12: Typescript in Angular [Frontend]

Lecture 141 Introduction

Lecture 142 Angular Installation

Lecture 143 First Angular Project

Lecture 144 Downloading and Running Project

Lecture 145 What is Component?

Lecture 146 Understanding Decorators Role in Components

Lecture 147 Creating First Component

Lecture 148 More Components

Section 13: Typescript in Express [Backend]

Lecture 149 Introduction

Lecture 150 Express Server with JS

Lecture 151 Instruction on downloading code & running

Lecture 152 Typescript and Express installation

Lecture 153 Typescript Setup

Lecture 154 Express Server with TS

Section 14: Round up

Lecture 155 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