TypeScript Tutorial for Beginners
Вставка
- Опубліковано 29 тра 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?
- UA-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
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!
Your 6hour Python video on UA-cam was where I learnt the basics of Django. I fell in love with Django and started teaching Django on my UA-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!
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!
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!
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
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
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!!
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.
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.
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!
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 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
Mosh just gave me hope that understanding programming is not as difficult as I thought. Thank you, Mosh.
I've been waiting for your - The Ultimate TypeScript Course - since ages Mosh!!
Looking forward to enrolling in the same!
the most pridcutive video without time wasting explanation | examples. Understood typescript so clearly🔥🔥
I looked everywhere for coding instructions that are easy to understand . It shows that you know what you are talking about. Thank you!
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📲📥⬆️
Thanks a bunch for such a comprehensive crash course on TypeScript. It helped me a lot to brush up on TS.
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
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.
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📲📥⬆️
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
Engaging and so easy to follow. Thank you @Mosh 😃👍
I'm never disappointed by you Mosh-----Thank you!
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.
Great video! You really inspired me to share my own experience through my UA-cam channel as someone who switched careers to the tech industry. Cheers!
Awesome video! Definitely subscribed. Great explanation, clean and pedagogical.
Came to youtube for an up-to-date typescript tutorial. I hope too much hasnt changed in the last 3 hours lmao
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.
The wait is over. I just enrolled, cuz I trust Mosh teaching style for year!
The legend himself at it again, thank you for making world class developers with your tuts!
You are the best, Mosh 🤩.
תודה רבה!
thank you mosh you are the best programming teacher since I have learned JS i wanna learn TS thanks for your contribution
This is beyond amazing! Love it 🔥🙌
Thank you! Please support me by sharing this video. :)
Good and quick typescript tutorial. Just what I needed!
I have learned SQL from You. You are good instructor.
Thanks again. One of the best typescript videos ive wached so far.
Thank you so much for this course
I am desperately looking for this
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.
You are a great teacher mosh❤️❤️.
Please do a tutorial on Spring Boot
this video was really clearly! you have a great way to explain TS
If you're debugging in VSC is not working just add this RED DOT (breakpoint) in index.ts. It solved the problem for me.
Thanks you a lot mosh! Javascript for the Web also needed
Always love learning from you. Waiting the VueJS 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'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!
Finally The legend is back with typescript course
One of the best tutorials! You way is teaching is really good! Thankss
This video just made me hook on learning tight script. Keep up the videos perfect teacher.
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.
It was very useful and interesting to me! Thank you so much!
Just wanted to thank you for this cool tutorial! It was very helpful.
"tsc ; node dist/index.js" is how we run the two commands in windows vs code terminal - just thought I'd share that :)
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!
Can't wait to explore the session 😊
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.
Brilliant! Very well done. Thanks Mosh
OOOOOMMMMMGGGG finally!!! finally!!! typescript course from mosh!!!
Thank you this intro to TypeScript is amazing!!
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! :)
This course is incredible. Thanks for making this so easy to understand. I'm feeling like a TS pro.
For more enquiries reach out⬆️🆙
Most waited. Thank you mosh
Short, Simple and Perfect!!
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.
I will come back in next 1 years and see how far I have gone with you thanks ✌️❣️
one of the best tutorial video available in market.. looking forward to get the complete course...
Quite disappointed to be honest to realize half way through the video that this is just an intro. I wish it was mentioned at the beginning so I could have decided if I want to take a free course or pay for this course. Teaching was clear and easy to follow.
fully focused introduction to typescript
Much appreciated Mosh
Best person and teacher
Thank you sooo much for this
Mosh your awesome im a iranian boy and i hope you always become better and better in your life
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!
32:18 is solved in typescript, using const assertions `as const`
Thanks heaps mate, you are very good at what you do
Thank you mosh for your efforts
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
impressive knowledge from a reliable man...
clear explanations !
Teleqram me👆⬆️..
I love coding. There's always ways to improve and learn that I just can't get enough of.
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.
Patient teaching wins the race! Thanks!!
Best tutorial I have ever seen!🔥🔥
All what i can say is Jazak'Allah Khair Sir!
A really good tutorial! 🤗😀 your videos are really good! 👍
Hey Mosh!! Could you please do a course on AWS services mostly used for developers. It would be really helpful. Thanks
Good for learning the basics. Thanks. :)
great course,
You Mosh great speaker, i love you speech and your great english and you skills also
What a legend you are I have succesfully Learned Typescript due to you
Excellent introductory video, 10 out of 10!
I always love to learn from you.
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. 😥😥
thank you so much for this very good course! A question: at 20:20 minute you explain debug setting "preLaunchTask" in launch.json. But when I start debug vscode says me "unable to find task "tsc: build - tsconfig.json" . I've checked everythings but all is identically.
Hi Riccardo, I am also getting the same error...
me too
same
It is likely that your tsconfig.json file was not in the correct directory. Mine looks like this. "tsc: build - hello-world/tsconfig.json". For anyone else who is having this problem
I have done all I could and am still stuck in this error
you're the best teacher on my list 🤗
Thank you! Please support me by sharing this video. :)
Hi Mosh,
Thx for this course
I enjoy it
You are the best teacher mosh. Waiting for Golang course 😉
You are amazing of explaining programming
No one teaches like you. You are legend
Thank you for this great tutorial!
Coding really made simple ❤️