Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.
Dave Gray
19187
Typescript Generics | Beginners Tutorial with Examples
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn about Typescript Generics in this Typescript beginners tutorial with examples. Typescript Generics allow for type variables which are helpful when we do not know what type will be passed to a TS function, interface, type alias or class.
π Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- Master the Coding Interview: https://bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
π© Subscribe β https://bit.ly/3nGHmNn
π¬ Course Updates β https://courses.davegray.codes/
β Questions - Please post them to my Discord β https://discord.gg/neKghyefqh
β Buy Me A Coffee β https://www.buymeacoffee.com/davegray
π Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
π All Resources for this Typescript Course: https://github.com/gitdagray/typescript-course
π Playlist for this Typescript Course: http://bit.ly/3GcNJ78
Typescript Generics | Beginners Tutorial with Examples
(00:00) Intro
(00:05) Welcome
(00:28) Starter code and set up
(01:33) What are Generics?
(02:02) Basic Example and Syntax
(03:46) isObject example
(05:53) isTrue with keyof Assertion
(11:03) Interface with Generic example
(13:00) Narrowing Generics with Extends
(15:05) Multiple Type Variables & Extends with keyof
(19:43) Class with Generics
π Suggested Pre-requisites for this Typescript course:
πJavaScript for Beginners full course: https://youtu.be/EfAl9bwzVZk
π Tutorial References:
π Typescript Official Website: https://www.typescriptlang.org/
π Anders Hejlsberg, Creator of Typescript and C# Interview: https://dev.to/destrodevshow/typescript-and-c-both-created-by-the-same-person-named-anders-hejlsberg-42g4
π Stackoverflow Survey Results: https://survey.stackoverflow.co/2022/#technology-most-popular-technologies
π MDN - Static Typing: https://developer.mozilla.org/en-US/docs/Glossary/Static_typing
π MDN - Dynamic Typing: https://developer.mozilla.org/en-US/docs/Glossary/Dynamic_typing
π MDN - Type Coercion: https://developer.mozilla.org/en-US/docs/Glossary/Type_coercion
π TS Type Assertions: https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#type-assertions
β Web Dev Tools:
π Chrome Browser: https://www.google.com/chrome/
π Visual Studio Code (VS Code): https://code.visualstudio.com/
π Node.js & npm: https://nodejs.org/
π Live Server VS Code Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Was this Typescript Generics tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #generics #tutorial
Learn about Typescript Generics in this Typescript beginners tutorial with examples. Typescript Generics allow for type variables which are helpful when we do not know what type will be passed to a TS function, interface, type alias or class.
π Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- Master the Coding Interview: https://bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
π© Subscribe β https://bit.ly/3nGHmNn
π¬ Course Updates β https://courses.davegray.codes/
β Questions - Please post them to my Discord β https://discord.gg/neKghyefqh
β Buy Me A Coffee β https://www.buymeacoffee.com/davegray
π Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
π All Resources for this Typescript Course: https://github.com/gitdagray/typescript-course
π Playlist for this Typescript Course: http://bit.ly/3GcNJ78
Typescript Generics | Beginners Tutorial with Examples
(00:00) Intro
(00:05) Welcome
(00:28) Starter code and set up
(01:33) What are Generics?
(02:02) Basic Example and Syntax
(03:46) isObject example
(05:53) isTrue with keyof Assertion
(11:03) Interface with Generic example
(13:00) Narrowing Generics with Extends
(15:05) Multiple Type Variables & Extends with keyof
(19:43) Class with Generics
π Suggested Pre-requisites for this Typescript course:
πJavaScript for Beginners full course: https://youtu.be/EfAl9bwzVZk
π Tutorial References:
π Typescript Official Website: https://www.typescriptlang.org/
π Anders Hejlsberg, Creator of Typescript and C# Interview: https://dev.to/destrodevshow/typescript-and-c-both-created-by-the-same-person-named-anders-hejlsberg-42g4
π Stackoverflow Survey Results: https://survey.stackoverflow.co/2022/#technology-most-popular-technologies
π MDN - Static Typing: https://developer.mozilla.org/en-US/docs/Glossary/Static_typing
π MDN - Dynamic Typing: https://developer.mozilla.org/en-US/docs/Glossary/Dynamic_typing
π MDN - Type Coercion: https://developer.mozilla.org/en-US/docs/Glossary/Type_coercion
π TS Type Assertions: https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#type-assertions
β Web Dev Tools:
π Chrome Browser: https://www.google.com/chrome/
π Visual Studio Code (VS Code): https://code.visualstudio.com/
π Node.js & npm: https://nodejs.org/
π Live Server VS Code Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Was this Typescript Generics tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #generics #tutorial