TypeScript Tutorial for Beginners | Learn TypeScript for Angular

Published: 19 June 2022
on channel: Smartherd

5,193

111

Access 7000+ courses for 60 days FREE: https://pluralsight.pxf.io/c/1291657/...

00:00 Course Introduction
01:18 TypeScript Demo Overview
04:30 Get the Full Source Code from Github
05:28 CHAPTER 1: Installing Dependencies
05:50 Installing Visual Studio Code
06:09 Project overview
08:43 Installing Node & NPM
09:49 Downloading TypeScript
10:30 Other dependencies like ts-loader, Webpack
12:15 Creating tsconfig.json file
14:05 Execute your First TypeScript Code
17:55 Configuration options in tsconfig.js file
20:40 'target', 'module', 'sourceMap',
21:20 'outDir', 'strict,' 'esModuleInterop', 'watch'
24:50 Debug TS code using Chome Developer Tool
25:40 Configuration Inheritance in TypeScript
26:10 Creating base configuration file
26:30 Creating folder-level configuration file
29:00 Configuring Webpack for TypeScript
29:25 webpack.config.js file walkthrough
32:25 Summary

33:12 CHAPTER 2: Built in Types - Overview
34:06 Built-in data types
36:34 JavaScript Hoisting
37:33 Using var, let & const to declare variables
39:00 var vs. let vs.const
40:05 Type Annotation & Type Inference | String Templates
45:20 Using String Literals
46:45 Type Annotation & Type Inference
47:40 Defining Multiple Types (Union type) Variable
49:28 Control flow based analysis
51:45 What is strictNullChecks compiler option?
53:40 Using Null and Undefined types
56:00 Type assertion
56:50 Defining variable with ‘any’ type
58:46 Summary

1:00:18 CHAPTER 3: Using Type Annotation with Functions - Overview
1:01:10 Adding Type Annotations with Function
1:03:25 —noImplicitAny compiler option
1:05:29 Default & Optional Parameters
1:14:10 What is arrow function? Lambda Function?
1:16:50 Arrow function with no parameter
1:19:27 What is a function type?
1:20:05 Defining function as a type
1:23:28 Summary

1:24:14 CHAPTER 4: Custom Types in TS | Interface & Class - overview
1:25:00 Interface vs Class
1:27:13 What is an interface? Syntax.
1:30:01 Structural type system
1:33:30 Optional Properties of Interface
01:38:47 Class in TS
01:39:49 Getter and Setter - accessor methods
01:41:46 01:54:15 Readonly property specifier
01:42:50 Hard Private & Soft Private fields
01:45:50 Class Extending class
01:47:50 Class Implementing Interface
01:49:05 Static Members
01:51:02 Understanding Constructors
01:52:29 super() constructors
01:59:50 Use triple-slash directive
02:02:10 Using ‘outFile’ compiler configuration option
02:16:51 Summary

02:17:42 CHAPTER 5: Modules in Typescript - Overview
02:20:00 Supporting Technologies to Implement Modules
02:21:15 Importing & Exporting Modules
02:22:35 ‘export’ statement
02:23:43 Importing a module
02:32:41 Relative import vs. non-relative imports
02:34:15 Module Resolution Strategies
02:34:50 CLASSIC vs. NODE Relative & Non relative moduleResolution option
02:40:32 How does TS find a module - Trace Resolution Demo
02:45:25 Using baseUrl
02:47:05 Configuring Module Bundler - webpack
02:49:30 Summary

02:50:42 CHAPTER 6: Type Declaration files
02:52:28 DefinitelyTyped Github Repository
02:58:22 Summary

Full Code Link: https://github.com/smartherd/TypeScri...
.
.
Please donate and support my work
(If you think my free tutorials are better than paid ones :)
Patreon: https://bit.ly/patreon-donate
Paypal/Payoneer: [email protected]
UPI (only for India): smartherd@okaxis

:: If you want to develop a website or a mobile app, email me your requirement at [email protected] :: Free demos provided beforehand ::

Access my premium courses: https://bit.ly/sriyank-courses

Free Programming courses:
Ruby Programming: https://bit.ly/smyt-r
Dart Programming: https://bit.ly/smyt-d
Kotlin Programming: https://bit.ly/smyt-k
Java Programming: https://bit.ly/smyt-j

Kotlin Coroutines: https://bit.ly/smyt-coru

Free Flutter course:
Flutter App Development: https://bit.ly/2Rg7EFR

Free Android courses:
Android using Kotlin: https://bit.ly/smyt-ka
Android using Java: https://bit.ly/smyt-ja
Android Material Design: https://bit.ly/2SMJqU6
Android Jetpack Architecture: https://bit.ly/yt-j
Android Multiple Screen Support: https://bit.ly/smyt-mss
Android Retrofit: https://bit.ly/2Ee6GHn

More free programming courses:
https://bit.ly/smy-list

Check out my website:
https://bit.ly/smartherd

Let's get in touch! [Sriyank Siddhartha]
LinkedIn: https://bit.ly/sriyank-linkedin
Facebook: https://bit.ly/smartherd-facebook
Instagram: https://bit.ly/sriyank-instagram
Twitter: https://bit.ly/sriyank-twitter
Github: https://bit.ly/smartherd-github

--- Thank you for your love and support ---