Back to Browse

Typescript Generics | Beginners Tutorial with Examples

22.4K views
Nov 15, 2022
24:42

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

Download

1 formats

Video Formats

360pmp432.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Typescript Generics | Beginners Tutorial with Examples | NatokHD