Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.
Dave Gray
21741
TypeScript Classes Tutorial | TS for Beginners Lesson
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this Typescript Classes tutorial, you will learn how to create and extend classes, implement interfaces, apply visibility modifiers, use static class members, and create getters and setters in TS classes.
🚀 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 Classes Tutorial | TS for Beginners Lesson
(00:00) Intro
(00:05) Welcome
(00:28) Starter Code
(01:06) Basic Class
(02:34) Larger Class
(04:23) Visibility Modifiers
(06:24) Definite Assignment Assertion Operator
(07:22) Private & Protected Examples
(10:26) Compiling & Running Code
(12:02) Extends for Subclasses
(16:28) Implements for Interfaces
(20:31) Static Class Members
(24:52) Getters & Setters
Corrections:
(06:16) Optional: Assignments in the body of the constructor are not necessary at this point either. It is not an error if you choose to do so, but it is not required.
Correction Reference: https://www.typescriptlang.org/docs/handbook/2/classes.html#parameter-properties
📚 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 Classes tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #classes #interface
In this Typescript Classes tutorial, you will learn how to create and extend classes, implement interfaces, apply visibility modifiers, use static class members, and create getters and setters in TS classes.
🚀 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 Classes Tutorial | TS for Beginners Lesson
(00:00) Intro
(00:05) Welcome
(00:28) Starter Code
(01:06) Basic Class
(02:34) Larger Class
(04:23) Visibility Modifiers
(06:24) Definite Assignment Assertion Operator
(07:22) Private & Protected Examples
(10:26) Compiling & Running Code
(12:02) Extends for Subclasses
(16:28) Implements for Interfaces
(20:31) Static Class Members
(24:52) Getters & Setters
Corrections:
(06:16) Optional: Assignments in the body of the constructor are not necessary at this point either. It is not an error if you choose to do so, but it is not required.
Correction Reference: https://www.typescriptlang.org/docs/handbook/2/classes.html#parameter-properties
📚 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 Classes tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #classes #interface