TypeScript Tutorial for Beginners
ฝัง
- เผยแพร่เมื่อ 3 มิ.ย. 2024
- Write better, more scalable JavaScript with TypeScript! 💪 This beginner-friendly tutorial gets you started fast.
🚀 Ready for a deep dive?
- Check out my full course: bit.ly/3ahY7wv
- Subscribe for more awesome content: goo.gl/6PYaGF
💡Need JavaScript basics first?
- TH-cam tutorial: • JavaScript Tutorial fo...
- Full course: bit.ly/3PAKUPx
✋ Stay connected:
- Twitter: / moshhamedani
- Facebook: / programmingwithmosh
- Instagram: / codewithmosh.official
- LinkedIn: / codewithmosh
💡 Why TypeScript?
- Improves your JavaScript code quality.
- Helps catch errors early in development.
- Essential for large-scale projects.
👉 This tutorial is perfect for you if:
- You know basic JavaScript.
- Want to build more robust applications.
- You're seeking in-demand skills for your career.
Let's get started!
📖 TABLE OF CONTENT
0:00:00 Introduction
0:00:52 Prerequisites
0:01:28 How to Take This Course
0:02:57 What is TypeScript?
0:07:38 Setting Up the Development Environment
0:09:30 Your First TypeScript Program
0:13:20 Configuring the TypeScript Compiler
0:17:24 Debugging TypeScript Applications
0:22:55 Fundamentals
0:23:23 Built-In Types
0:25:21 The any Type
0:28:06 Arrays
0:30:24 Tuples
0:33:08 Enums
0:36:31 Functions
0:43:22 Objects
0:47:57 Advanced Types
0:48:26 Type Aliases
0:50:04 Union Types
0:52:40 Intersection Types
0:54:44 Literal Types
0:56:30 Nullable Types
0:59:06 Optional Chaining
#typescript #javascript #coding #programming
🚀 Get the complete course (zero to hero): bit.ly/3ahY7wv
👉 Subscribe for more TypeScript tutorials like this: goo.gl/6PYaGF
Which software you the creating videos?
Not available on udemy Sir?
Hey mosh can you please make a video of laravel
Hi Mosh, The python course you teach is great but I found the content in the course very basic and it lacks many important things like decorator and multithreaded, asynchronous programming in python
Dm for more info
Your 6hour Python video on TH-cam was where I learnt the basics of Django. I fell in love with Django and started teaching Django on my TH-cam channel. Sir Mosh you are the best instructor in the world.
Amazing brother 😊
Same here. I literally learnt in a day.
@@dn2358 Thank you.
@@nocopyrightgameplaystockvi231 Mosh made Python and Django so easy.
@@CodeWithClinton i passed my python exam studying from here in the morning 😂
Lately i've been learning typescript from scratch courses, but this one is far one of the best of them, because you explained a lot about the tsconfig.json. and all the datatypes, if this happened in just an hour i can't wait to see all the complete course on your platform, thanks for sharing this bud, we really appreciate this!
I am finding this intro to TypeScript very well-designed, attention-grabbing, and educational! I have a four-year computer science degree, and I am trying to expand my professional resume. Thank you for this course!
No one teaches like Mosh Hamedani does. What a legend 🔥
You're so kind! Thank you! Please support me by sharing this video. :)
@@programmingwithmosh Great vid Mosh - I'm still going through this step by step. Is it normal that I have to run `tsc` in terminal, after each `index.ts` edit + save, before starting the Debug Process?
I'm fumbling a bit around the 22:00 minute marker
Facts❤️
So true...
@@hiranga hey, i am a bit late, but you could either set watch to true in tsconfig or run `tsc -w` in the shell.
If your out files are supposed to run on node then you may also use ts node in chain with watcher.
Otherwise you may use a live server for browsers!
Hope this helps!
Excellent tutorial! I am a seasoned core Java developer and am just starting to get my toes wet with React and TypeScript. I tend to get impatient with these type of tutorials, because, usually, too much time is spent on the basics, but the pacing with this one is perfect! Thank you!
With every language and programming tool you have a lot to learn, but you summarize the most important concepts so that we can begin doing real work with what we learn, something that most courses fail to do. You will find that other guys teach everything from A to Z and most of the time you will get lost or discouraged because you do not see the point of what you are doing in practice. Using your one-hour tutorials, you achieve the opposite and you still learn a lot. So thank you
I really like this idea of progressively enabling compilation errors as you learn the language so you aren't prematurely thrown in the deep with cryptic compilation errors
This was honestly just the right amount of information and just the right length for a JS dev to sit and watch through and be ready to start using TS without having to dig too much into the docs.
Wat i was looking for. All other tutorials are too long. Only need the basics and u'll expand on your own when doing projects
The way you explain the fundamentals is really engaging and encouraging me to start using TS, it is not as frightening as I've expected. Thank you, your videos are awesome!
Fantastic TypeScript tutorial, Mosh! Your video provided a clear and comprehensive understanding of the language. The way you explained concepts, from basic types to advanced features, was incredibly helpful and easy to follow.
you dont need to go to Harvard to learn programming. mosh is the expert on teaching programming than any universities in the world. trust me i am witness. i used to be one of the people who dont understand coding and got lowest grade in university. but i decided to quit college and bought all his full stack courses. now i fall in love with coding and becoming the best on the field. Thanks Mosh!!
One of the best, perfectly-paced, Typescript tutorials out there. Unfortunate that you don't use curly braces with your if statements. One of the biggest causes of bugs for new and even experienced JS programmers. Hubris is the only reason not to use them.
Mosh just gave me hope that understanding programming is not as difficult as I thought. Thank you, Mosh.
Hello Mosh, I am 50 years old, I love programming in C++ and Pascal when I was student (Maths). Now I am CTO in my own company with the new goal to integrate Web Dev. I need to understand JS and TS urgently to speak with the developing team. I have no words to thank you to help to understand the basis of these lenguages and how to used it.
Please consider one of my favourites instructors and teachers EVER. Thank you for your effort.
I will enroll to your full courses!
Greetings from México.
My personal opionion is at first i felt a bit skeptical about your content, cause its not specialized on anything (python, c#, js, react, ml, docker...) but after watching couple of videos I've noticed that its really good to get a solid introduction into a certain technology, build up a good idea of it and go from there. Thanks
I looked everywhere for coding instructions that are easy to understand . It shows that you know what you are talking about. Thank you!
the most pridcutive video without time wasting explanation | examples. Understood typescript so clearly🔥🔥
First time I am in your channel and I think you are by far one of the best educators online, great job, really appreciate all your time and effort
Thanks a bunch for such a comprehensive crash course on TypeScript. It helped me a lot to brush up on TS.
I've been waiting for your - The Ultimate TypeScript Course - since ages Mosh!!
Looking forward to enrolling in the same!
Incredibly video. This was really helpful. Mosh's tutorials are always so neatly arranged and skips unnecessary contents. Thank u very much for this and hope to see more tutorials. 😍
Reach-out for further assistance
Helpline📲📥⬆️
I have to say, I am a good teacher myself, and this is just superb. Hands down. I usually dont subscribe but I will do so at this channel for the quality content
Mosh, thank you so much for the countless digestible tutorials! I was able to effortlessly learn Python because of your effective teaching style. Would you be able to make a course/playlist for C++? Thanks again!
Dm for more info
Reach-out for further assistance
Helpline📲📥⬆️
Great video! You really inspired me to share my own experience through my TH-cam channel as someone who switched careers to the tech industry. Cheers!
I've been using Typescript for around 9 years (it was just under a year old back then and even then was friggin awesome!) and it's always very strange to go back to plain old Javascript. It always feels like something's missing!
The legend himself at it again, thank you for making world class developers with your tuts!
I'm never disappointed by you Mosh-----Thank you!
Mosh, your name will go down in history as one of the best teachers ever, if not the best. Wish you would teach other subjects too. Finance, Medicine, Astronomy, Physics, basically all things teachable.
BTW, how about creating a course on System Design and other aspects of End-to-End software building and releasing? Really looking forward to something like that in near future.
thank you mosh you are the best programming teacher since I have learned JS i wanna learn TS thanks for your contribution
Hey Mosh. I followed one of your courses and found it really helpful (html and css course). I was wondering if you'll manage to make a bootstrap video/course sooner or later.
Engaging and so easy to follow. Thank you @Mosh 😃👍
The wait is over. I just enrolled, cuz I trust Mosh teaching style for year!
Thanks for this amazing tutorial. I've just started learning and u made it super easy.
At 30:16 we do get those methods with javascript.
I will come back in next 1 years and see how far I have gone with you thanks ✌️❣️
Came to youtube for an up-to-date typescript tutorial. I hope too much hasnt changed in the last 3 hours lmao
Awesome video! Definitely subscribed. Great explanation, clean and pedagogical.
Great tutorial. Really like your presentation style and pace. Took a look at your site, will definitely check back when I am looking for a full tutorial.
I have learned SQL from You. You are good instructor.
Good and quick typescript tutorial. Just what I needed!
You are the best, Mosh 🤩.
תודה רבה!
I love coding. There's always ways to improve and learn that I just can't get enough of.
Mosh your awesome im a iranian boy and i hope you always become better and better in your life
Finally The legend is back with typescript course
This course is incredible. Thanks for making this so easy to understand. I'm feeling like a TS pro.
For more enquiries reach out⬆️🆙
Bought this course! Will explore it, I do believe it will be as good as other courses.
Thanks
Thank you for your support! Hope you'll enjoy the course! :)
"Don't be intimidated by all these settings, you don't need to learn all of them. Infact, nobody knows all of them. I don't know them either". As a junior developer, this line gives me a new hope to learn new things. LOL!
I never liked coding cause how hard it is and I watched one of your videos about python and it really helped me and made thinks easier to understand. Thanks for all the awesome content, keep it up 👏🏻
from days not knowing how to code , to actually doing some simple projects with a few minutes of my time.
Great to hear!
fully focused introduction to typescript
Much appreciated Mosh
What a legend you are I have succesfully Learned Typescript due to you
Thanks again. One of the best typescript videos ive wached so far.
No one teaches like you. You are legend
Thank you so much for this course
I am desperately looking for this
You are a great teacher. That part of debugging did not work for me on my Windows PC. I spent two days on it, did a lot of , Google-ing, and finally gave up! Maybe someone can clarify beyond what Mosh has done. Thank you.
same
Amazing stuff. I'm curious though on what would be your approach to setup the VSCode debugger having TypeScript installed as a dev dependency instead of a global dependency.
You are a great teacher mosh❤️❤️.
Please do a tutorial on Spring Boot
I'm waiting for your C++ course... I really want to learn C++ from you and want to do competitive code with it. Lots of love from this side Mosh.
Short, Simple and Perfect!!
This video just made me hook on learning tight script. Keep up the videos perfect teacher.
Could you please make a video of machine learning with python in detail from scratch , it will be very helpful
Coz i didn't find anyone like you teaching python , that was absolutely good
Thanks you a lot mosh! Javascript for the Web also needed
this video was really clearly! you have a great way to explain TS
This is beyond amazing! Love it 🔥🙌
Thank you! Please support me by sharing this video. :)
Just wanted to thank you for this cool tutorial! It was very helpful.
Always love learning from you. Waiting the VueJS course
Hey Mosh!! Could you please do a course on AWS services mostly used for developers. It would be really helpful. Thanks
OOOOOMMMMMGGGG finally!!! finally!!! typescript course from mosh!!!
Hey Mosh !! Thanks for another great course. There might be thousands of tutorials and blogs for typescript but i still choose yours.
Thank you my man. Following you courses since ReactJS.
Great to hear!
Windows users...you're in for a nightmare trying to follow this tutorial. Not Mosh's fault by any stretch, but I've been at it for hours just trying to get the debugger command to actually mother flarkin work.
Edit with my solution:
Replace the preLaunchTask line with "console": "integratedTerminal"
Thanks, brother! I've been spinning my wheels for hours on this.
one of the best tutorial video available in market.. looking forward to get the complete course...
Brilliant! Very well done. Thanks Mosh
Sir, Mosh I am in love with your way of presenting anything. Please tell me how do you made videos like smooth transition. They burst my stress. 😥😥
One of the best tutorials! You way is teaching is really good! Thankss
Thank you this intro to TypeScript is amazing!!
It is really very helpfull for me. now I will try to check other free youtube content. Thanks :)
It was very useful and interesting to me! Thank you so much!
Most waited. Thank you mosh
I wish every teacher that I have ever had to have been like Mosh.
If you're debugging in VSC is not working just add this RED DOT (breakpoint) in index.ts. It solved the problem for me.
Best person and teacher
Thank you sooo much for this
All what i can say is Jazak'Allah Khair Sir!
"tsc ; node dist/index.js" is how we run the two commands in windows vs code terminal - just thought I'd share that :)
Can't wait to explore the session 😊
TAKE MY MONEY!
Oh wait, I already gladly gave it to you. 😃 I totally wanted this course, so I didn't even bother to pass go, collect $200, or watch this video. I just jumped straight to your website and ordered the full course.
THANK YOU!
Love your enthusiasm! Thank you for your support and I hope you'll learn a lot. :)
impressive knowledge from a reliable man...
clear explanations !
Teleqram me👆⬆️..
Excellent introductory video, 10 out of 10!
Patient teaching wins the race! Thanks!!
you changed your word from million people to billion people . wow that 's great acheivement and thanks for the tutorial
Teleqram me👆⬆️..
The best teacher I have ever seen. ❤
This is awesome!! Could you please add a tutorial on angular latest and specially NGRX?
Best typescript course in the market 🙏🐐
He is a Piece of GOLD
So, Keep Shining 🌞
Mosh the great instructor ever... Kindly do something on laravel please
What course made you fell in love with how he teaches ?? Mine : He made me to understand python after 4 years of me being introduced to Programing.
Great crash course, thank you!
great course,
You Mosh great speaker, i love you speech and your great english and you skills also
You are like Messi of teaching coding… Big fan ❤❤❤❤❤❤❤❤❤❤❤❤
Good for learning the basics. Thanks. :)
Great Video. If I had feedback Id say that the type alias example seems more suited to an interface, and interfaces were not covered.