TypeScript Tutorial for Beginners | Learn TypeScript for Angular

Veröffentlicht am: 19 Juni 2022
auf dem Kanal: Smartherd
5,803
121

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: sriyank123@gmail.com
UPI (only for India): smartherd@okaxis

:: If you want to develop a website or a mobile app, email me your requirement at sriyank.siddhartha@gmail.com :: 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 ---


Auf dieser Seite können Sie das Online-Video TypeScript Tutorial for Beginners | Learn TypeScript for Angular mit der Dauer online in guter Qualität ansehen, das der Benutzer Smartherd 19 Juni 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 5,803 Mal angesehen und es wurde von 121 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!