Typescript Functions | Basics Tutorial for Beginners

Web Dev Roadmap for Beginners (Free!): bit.ly/DaveGrayWebDevRoadmap
In this Typescript Functions | Basics Tutorial for Beginners you will learn about TS Functions, parameters and return types along with optional params, default param values, type guards, type aliases and more.
🚀 Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: bit.ly/WebDevMaster
- Master the Coding Interview: bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: bit.ly/WebDevRoadmap-JrtoSr
🚩 Subscribe ➜ bit.ly/3nGHmNn
📬 Course Updates ➜ courses.davegray.codes/
❓ Questions - Please post them to my Discord ➜ / discord
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/davegray
👇 Follow Me On Social Media:
Github: github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
🔗 All Resources for this Typescript Course: github.com/gitdagray/typescri...
🔗 Playlist for this Typescript Course: bit.ly/3GcNJ78
Typescript Functions | Basics Tutorial for Beginners
(00:00) Intro
(00:05) Welcome
(00:17) Type Aliases
(03:11) Literal Types
(06:07) Basic Functions
(07:29) Functions with no return value
(10:40) The function keyword
(11:58) Function Type Aliases
(14:06) Function Interface
(15:28) Optional Parameters
(18:10) Default Parameters
(21:39) Function with Rest Params
(25:21) The never type
(27:54) Using the never type
(30:25) Custom Type Guard
📚 Suggested Pre-requisites for this Typescript course:
🔗JavaScript for Beginners full course: • JavaScript Full Course...
📚 Tutorial References:
🔗 Typescript Official Website: www.typescriptlang.org/
🔗 Anders Hejlsberg, Creator of Typescript and C# Interview: dev.to/destrodevshow/typescri...
🔗 Stackoverflow Survey Results: survey.stackoverflow.co/2022/...
🔗 MDN - Static Typing: developer.mozilla.org/en-US/d...
🔗 MDN - Dynamic Typing: developer.mozilla.org/en-US/d...
🔗 MDN - Type Coercion: developer.mozilla.org/en-US/d...
⚙ Web Dev Tools:
🔗 Chrome Browser: www.google.com/chrome/
🔗 Visual Studio Code (VS Code): code.visualstudio.com/
🔗 Node.js & npm: nodejs.org/
🔗 Live Server VS Code Extension: marketplace.visualstudio.com/...
Was this Typescript Functions basics tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #functions #tutorial

[@DaveGrayTeachesCode]

In this tutorial, we'll learn about Typescript Aliases, Functions, literal types and the never type. If you have questions, please join my Discord server where I answer questions and you can chat with other web dev students: discord.gg/neKghyefqh

[@Scottni2]

Awesome video Dave!! You are very quickly becoming my favorite web dev teacher on youtube!

[@DaveGrayTeachesCode]

Wow, thanks!

[@alseynidiop8650]

This comes exactly at the time I am learning typescript, you become my favorite KZbin teacher.

[@DaveGrayTeachesCode]

Happy to hear that!

[@insteresting]

Awesome tutorial as always!! I noticed that at 30:58, you could also return directly typeof value === 'number', without explicitly using the ternary statement and it would work fine as well.

[@ahmad-murery]

Although I don't use it often, but once you get used to typescript it's hard to get back to regular JavaScript. 1:42 I think we can make use of the already declared type stringOrNumber like this: type stringOrNumberArray = stringOrNumber[] Thanks Dave,

[@DaveGrayTeachesCode]

Absolutely! Applying one example to the next - good work my friend!

[@andresbreuer]

As always Dave... amazing series!! Thank you so much!!

[@DaveGrayTeachesCode]

Thank you, Andres!

[@k303k]

very clear explanation and worth learning!

[@annusingh4694]

Loving the Typescript series 💯

[@DaveGrayTeachesCode]

Thank you!

[@wisekid7488]

Good job Dave! Keep going! Thanx 🤝👍

[@DaveGrayTeachesCode]

Thanks, will do! 🚀

[@mostafaentezami8951]

Thank you for your excellent teaching method🙏

[@MOJICA7257]

Thanks Dave! 🙂

[@DaveGrayTeachesCode]

Welcome! 💯

[@mariolazzari]

This lesson is really full of useful tips: great job!

[@DaveGrayTeachesCode]

Thank you!

[@sonamohialdin3376]

Amazing tutorial thank you very much

[@DaveGrayTeachesCode]

You are welcome!

[@TravinskiyVladislav]

Thank you, Dave

[@DaveGrayTeachesCode]

You're welcome!

[@flowerofash4439]

this is probably infinitely more easier than scrollling through typescript documentations, thank you sir

[@DaveGrayTeachesCode]

You are welcome!

[@aladdindesign9218]

So interesting.

[@moneyfr]

Thank you for your work I really like your videos.

[@DaveGrayTeachesCode]

Glad you like them!

[@rahmatyousefi8273]

Thank you

[@DaveGrayTeachesCode]

Welcome!

[@natediaz406]

When i see your these tuts , i feel ts is really need to use

[@7doors847]

Yepppppp! More TS 🔥!

[@DaveGrayTeachesCode]

Right on!

[@lahcenaouina]

Hi dave thank u so much for effort u are from my fav yt , please can u do Java EE and Spring boot pleassse

[@IramKahkashan]

Hi Dave, Thank you to provide such a precise and awesome tutorial, Tell me one thing plz in VS Code I want to view the basic code of .push function, how can I view the source code of .push function or any function just like useSate() hook function or any other hook?

[@siddiqahmed3274]

gold content👑❤️

[@DaveGrayTeachesCode]

Thank you, Siddiq! 🙏💯

[@PavithranLion]

Thanks sir🙏💕

[@DaveGrayTeachesCode]

You're welcome!

[@reeteshvirous1359]

As always 🔥

[@DaveGrayTeachesCode]

Thank you!

[@Grishopping]

Thank you DAVE day by day I am advancing with your excellent pedagogy of your videos... A query the end of this series of TYPSCRIPT videos will only cover javascipt or do you plan to extend it to use in REACT Jose Grillo greets you from Venezuela ESPAÑOL Gracias DAVE dia a dia voy avanzando con tus excelente pedagogia de tus videos... Una consulta el acande de esta serie de videos de TYPSCRIPT solo cubrira javascipt o lo piensas extender para usar en REACT Te saluda Jose Grillo desde Venezuela

[@DaveGrayTeachesCode]

Thank you, Jose! I will bring in some React before this series is finished 💯

[@Grishopping]

@@DaveGrayTeachesCode Excelente muchas Gracias amigo DAVE

[@LevPleshkov]

31:00 Why not just ``` return typeof value === 'number' ``` ?

[@DaveGrayTeachesCode]

Good point - here I go again being over-explicit 😆

[@LevPleshkov]

@@DaveGrayTeachesCode Thanks, I think that's never a bad practice! I thought there might have been some 'gotcha' I didn't know about =D

[@noSweatSuperDry]

The lessons are great, but it would be great, if you gave us some problem in between to solve, which makes channel and viewers more interactive. But, thank you very much for your lessons.

[@djumarong]

it's redundant to use the ternary operator here: typeof value === 'number' ? true : false

[@DaveGrayTeachesCode]

I can be overly explicit at times. I would need to review the code to see the example or you could provide a timestamp.

[@moneyfr]

can you do some small exercises to apply all that you teach us

[@DaveGrayTeachesCode]

This series has a couple of projects to pull everything together.

[@loukhai]

😊 ✌️ peace

[@dzhaniivanov5837]

youtube algorithm

[@DiegoBM]

They shouldn't have allowed the interface with a method to be valid for a function signature... it sure looks hacky, counterintuitive, and hard to read

[@DaveGrayTeachesCode]

Opinions vary on the usage of types and interfaces.

[@DiegoBM]

@@DaveGrayTeachesCode I definitely get the confusion when it comes to objects, but a type definition for a function signature based on interfaces truly feels unnatural (in my opinion, of course)

[@kim92se64]

watching 15 minutes

[@Pareshbpatel]

{2023-03-16}

[@kenansari]

Hey thanks its great content, i wonder you will merge it with React?(react+typescript)

[@DaveGrayTeachesCode]

I will add some React to this series before it is finished.

[@kenansari]

@@DaveGrayTeachesCode thank you for your help

[@mikayilaliyev442]

I get "Cannot find name 'createError'.ts(2304)" when I do return createError('something')

[@DaveGrayTeachesCode]

Did you try the first result in Google? stackoverflow.com/questions/71918235/cannot-find-name-createerror-ts2304