TypeScript Tutorial for Beginners

2024 ж. 2 Мам.
1 119 599 Рет қаралды

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?
- KZhead 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

    @programmingwithmosh@programmingwithmosh Жыл бұрын
    • Which software you the creating videos?

      @naveenfascinate5224@naveenfascinate5224 Жыл бұрын
    • Not available on udemy Sir?

      @AGUNGKAYA@AGUNGKAYA Жыл бұрын
    • Hey mosh can you please make a video of laravel

      @tedo5400@tedo5400 Жыл бұрын
    • 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

      @mykun8737@mykun8737 Жыл бұрын
    • Dm for more info

      @raphael3806@raphael3806 Жыл бұрын
  • Your 6hour Python video on KZhead was where I learnt the basics of Django. I fell in love with Django and started teaching Django on my KZhead channel. Sir Mosh you are the best instructor in the world.

    @CodeWithClinton@CodeWithClinton Жыл бұрын
    • Amazing brother 😊

      @dn2358@dn2358 Жыл бұрын
    • Same here. I literally learnt in a day.

      @nocopyrightgameplaystockvi231@nocopyrightgameplaystockvi231 Жыл бұрын
    • @@dn2358 Thank you.

      @CodeWithClinton@CodeWithClinton Жыл бұрын
    • @@nocopyrightgameplaystockvi231 Mosh made Python and Django so easy.

      @CodeWithClinton@CodeWithClinton Жыл бұрын
    • @@CodeWithClinton i passed my python exam studying from here in the morning 😂

      @nocopyrightgameplaystockvi231@nocopyrightgameplaystockvi231 Жыл бұрын
  • 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!

    @LuisMartinez-se2np@LuisMartinez-se2np10 ай бұрын
  • 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!

    @jdholwick@jdholwick Жыл бұрын
  • 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.

    @aamirbhat650@aamirbhat65011 ай бұрын
  • 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!

    @stand777@stand777 Жыл бұрын
  • 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!

    @user-km9xe1df5k@user-km9xe1df5k Жыл бұрын
  • No one teaches like Mosh Hamedani does. What a legend 🔥

    @cloudpractitioner5158@cloudpractitioner5158 Жыл бұрын
    • You're so kind! Thank you! Please support me by sharing this video. :)

      @programmingwithmosh@programmingwithmosh Жыл бұрын
    • @@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

      @hiranga@hiranga Жыл бұрын
    • Facts❤️

      @victoronofiok520@victoronofiok520 Жыл бұрын
    • So true...

      @zeenmc@zeenmc Жыл бұрын
    • @@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!

      @theSoberSobber@theSoberSobber Жыл бұрын
  • 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.

    @Ramkatral@Ramkatral5 ай бұрын
    • 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

      @chisomodimmegwa3479@chisomodimmegwa34794 ай бұрын
  • I've been waiting for your - The Ultimate TypeScript Course - since ages Mosh!! Looking forward to enrolling in the same!

    @_achalsingh@_achalsingh Жыл бұрын
  • 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!!

    @israel4961@israel4961 Жыл бұрын
  • 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

    @ItalCad91@ItalCad9111 ай бұрын
  • Mosh just gave me hope that understanding programming is not as difficult as I thought. Thank you, Mosh.

    @pipio4593@pipio4593 Жыл бұрын
  • I looked everywhere for coding instructions that are easy to understand . It shows that you know what you are talking about. Thank you!

    @netanelr.yesharim3828@netanelr.yesharim382810 ай бұрын
  • 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.

    @ksaurus@ksaurus Жыл бұрын
  • 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

    @Shinee3e@Shinee3e Жыл бұрын
  • 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

    @voiceoftreason1760@voiceoftreason1760 Жыл бұрын
  • Thanks a bunch for such a comprehensive crash course on TypeScript. It helped me a lot to brush up on TS.

    @linmus2370@linmus2370 Жыл бұрын
  • the most pridcutive video without time wasting explanation | examples. Understood typescript so clearly🔥🔥

    @dovudyusufzoda2216@dovudyusufzoda221610 ай бұрын
  • 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. 😍

    @rayatbinnasir6232@rayatbinnasir6232 Жыл бұрын
    • Reach-out for further assistance Helpline📲📥⬆️

      @user-bm2th9lj6f@user-bm2th9lj6f Жыл бұрын
  • Great video! You really inspired me to share my own experience through my KZhead channel as someone who switched careers to the tech industry. Cheers!

    @felixc.programs8209@felixc.programs8209 Жыл бұрын
  • If you're debugging in VSC is not working just add this RED DOT (breakpoint) in index.ts. It solved the problem for me.

    @stanisawjarocki1747@stanisawjarocki1747 Жыл бұрын
  • 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.

    @gznqtl@gznqtl2 ай бұрын
  • thank you mosh you are the best programming teacher since I have learned JS i wanna learn TS thanks for your contribution

    @AhmadHassan-fm8ip@AhmadHassan-fm8ip Жыл бұрын
  • Thanks again. One of the best typescript videos ive wached so far.

    @guilhermeh.v.santos7424@guilhermeh.v.santos7424 Жыл бұрын
  • 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

    @David-jn9ud@David-jn9ud Жыл бұрын
  • 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!

    @sreeduggirala@sreeduggirala Жыл бұрын
    • Dm for more info

      @raphael3806@raphael3806 Жыл бұрын
    • Reach-out for further assistance Helpline📲📥⬆️

      @user-bm2th9lj6f@user-bm2th9lj6f Жыл бұрын
  • 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"

    @jonathanself1263@jonathanself1263 Жыл бұрын
    • Thanks, brother! I've been spinning my wheels for hours on this.

      @carlvonstrauss2107@carlvonstrauss21076 ай бұрын
  • You are the best, Mosh 🤩. תודה רבה!

    @user-se7xj1nn4h@user-se7xj1nn4h3 ай бұрын
  • Awesome video! Definitely subscribed. Great explanation, clean and pedagogical.

    @dann1est@dann1est11 ай бұрын
  • Thank you so much for this course I am desperately looking for this

    @dnyaneshwarkolhe4271@dnyaneshwarkolhe4271 Жыл бұрын
  • Engaging and so easy to follow. Thank you @Mosh 😃👍

    @syntaxerron4333@syntaxerron4333 Жыл бұрын
  • Thanks you a lot mosh! Javascript for the Web also needed

    @akaijoe3582@akaijoe3582 Жыл бұрын
  • 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

    @luis5d6b@luis5d6b7 ай бұрын
  • 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.

    @davidpile2576@davidpile2576 Жыл бұрын
  • The wait is over. I just enrolled, cuz I trust Mosh teaching style for year!

    @diManjenje88@diManjenje88 Жыл бұрын
  • You are a great teacher mosh❤️❤️. Please do a tutorial on Spring Boot

    @rafiulislam1260@rafiulislam1260 Жыл бұрын
  • This video just made me hook on learning tight script. Keep up the videos perfect teacher.

    @davidjustice8087@davidjustice8087 Жыл бұрын
  • 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.

    @karantrehan7710@karantrehan7710 Жыл бұрын
  • This course is incredible. Thanks for making this so easy to understand. I'm feeling like a TS pro.

    @elvinsamuel3932@elvinsamuel3932 Жыл бұрын
    • For more enquiries reach out⬆️🆙

      @Avvaball__my_Teleqram_id@Avvaball__my_Teleqram_id Жыл бұрын
  • Just wanted to thank you for this cool tutorial! It was very helpful.

    @hectorg362@hectorg362 Жыл бұрын
  • Good and quick typescript tutorial. Just what I needed!

    @Brocka08@Brocka08 Жыл бұрын
  • One of the best tutorials! You way is teaching is really good! Thankss

    @adinaizhamangulova5697@adinaizhamangulova5697 Жыл бұрын
  • This is beyond amazing! Love it 🔥🙌

    @RivaanRanawat@RivaanRanawat Жыл бұрын
    • Thank you! Please support me by sharing this video. :)

      @programmingwithmosh@programmingwithmosh Жыл бұрын
  • Thank you this intro to TypeScript is amazing!!

    @elielberra2867@elielberra28679 ай бұрын
  • one of the best tutorial video available in market.. looking forward to get the complete course...

    @AmmarTheTrainer@AmmarTheTrainer Жыл бұрын
  • 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.

    @andreasiano5953@andreasiano5953 Жыл бұрын
  • I'm never disappointed by you Mosh-----Thank you!

    @fmitsinc9146@fmitsinc9146 Жыл бұрын
  • great course, You Mosh great speaker, i love you speech and your great english and you skills also

    @user-bz1oh8es6e@user-bz1oh8es6e Жыл бұрын
  • this video was really clearly! you have a great way to explain TS

    @germanpinto883@germanpinto88310 ай бұрын
  • Came to youtube for an up-to-date typescript tutorial. I hope too much hasnt changed in the last 3 hours lmao

    @brandonmchugh9821@brandonmchugh9821 Жыл бұрын
  • 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.

    @BharatSingh-zk8lx@BharatSingh-zk8lx Жыл бұрын
  • OOOOOMMMMMGGGG finally!!! finally!!! typescript course from mosh!!!

    @siruizhang8209@siruizhang8209 Жыл бұрын
  • Always love learning from you. Waiting the VueJS course

    @khaliphathiane584@khaliphathiane584 Жыл бұрын
  • The legend himself at it again, thank you for making world class developers with your tuts!

    @zackoncode1261@zackoncode1261 Жыл бұрын
  • Bought this course! Will explore it, I do believe it will be as good as other courses. Thanks

    @khalidkhan5308@khalidkhan5308 Жыл бұрын
    • Thank you for your support! Hope you'll enjoy the course! :)

      @programmingwithmosh@programmingwithmosh Жыл бұрын
  • Brilliant! Very well done. Thanks Mosh

    @taj-ulislam6902@taj-ulislam690210 ай бұрын
  • Hey Mosh !! Thanks for another great course. There might be thousands of tutorials and blogs for typescript but i still choose yours.

    @akhilbunnyy@akhilbunnyy Жыл бұрын
  • "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!

    @ansarqazi4377@ansarqazi43772 ай бұрын
  • fully focused introduction to typescript Much appreciated Mosh

    @tech_channel110@tech_channel11010 күн бұрын
  • Can't wait to explore the session 😊

    @munguzojean1171@munguzojean1171 Жыл бұрын
  • 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.

    @user-zh9li4bi3g@user-zh9li4bi3g6 сағат бұрын
  • 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.

    @saamtech@saamtech11 ай бұрын
  • It was very useful and interesting to me! Thank you so much!

    @belarusian_girl@belarusian_girl Жыл бұрын
  • I have learned SQL from You. You are good instructor.

    @codewithlaghari@codewithlaghari Жыл бұрын
  • You are the best teacher mosh. Waiting for Golang course 😉

    @mahdighiasi668@mahdighiasi668 Жыл бұрын
  • Mosh your awesome im a iranian boy and i hope you always become better and better in your life

    @coder8350@coder8350 Жыл бұрын
  • I will come back in next 1 years and see how far I have gone with you thanks ✌️❣️

    @yussufa15@yussufa15 Жыл бұрын
  • Hi Mosh, Thanks for creating yet another insightful and easy to understand video tutorial. I am an old subscriber and student of yours. I really loved your javascript course so I bought the node course as well. Just one thing lately since the start of Mongodb modelling lesson the syntax used are outdated and some other parts are outdated as well. It's a humble request to kindly keep on updating your courses so that it helps your students to keep on learning and subscribing to all the upcoming courses.

    @nav_9to5@nav_9to5 Жыл бұрын
    • Reach-out for further assistance Helpline📲📥⬆️

      @user-bm2th9lj6f@user-bm2th9lj6f Жыл бұрын
  • Short, Simple and Perfect!!

    @haider.memories@haider.memoriesАй бұрын
  • Best tutorial I have ever seen!🔥🔥

    @GiulioAndCode@GiulioAndCode Жыл бұрын
  • Hi Mosh, Thx for this course I enjoy it

    @IgorStorozhuk@IgorStorozhuk4 ай бұрын
  • 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. 😥😥

    @kamaralam4798@kamaralam4798 Жыл бұрын
  • 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!

    @WebDevEducation@WebDevEducation Жыл бұрын
  • 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 👏🏻

    @moonspark.@moonspark. Жыл бұрын
    • from days not knowing how to code , to actually doing some simple projects with a few minutes of my time.

      @moonspark.@moonspark. Жыл бұрын
    • Great to hear!

      @programmingwithmosh@programmingwithmosh Жыл бұрын
  • All what i can say is Jazak'Allah Khair Sir!

    @ishaq79@ishaq79 Жыл бұрын
  • The best teacher I have ever seen. ❤

    @remikpadonou2417@remikpadonou24176 ай бұрын
  • 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.

    @soumyadeep-mondal@soumyadeep-mondal Жыл бұрын
  • Thanks for a good into to TS. Very clear and concise instructions! Please keep making more vids

    @ekek7@ekek7Ай бұрын
  • Thank you for this great tutorial!

    @sanse4409@sanse4409 Жыл бұрын
  • Most waited. Thank you mosh

    @Voranzov@Voranzov Жыл бұрын
  • Best person and teacher Thank you sooo much for this

    @hassanriaz1409@hassanriaz14099 ай бұрын
  • impressive knowledge from a reliable man... clear explanations !

    @user-mf9il2ft6b@user-mf9il2ft6b Жыл бұрын
    • Teleqram me👆⬆️..

      @moshsupport_my_Teleqram_id@moshsupport_my_Teleqram_id Жыл бұрын
  • Thank you my man. Following you courses since ReactJS.

    @megskyler2680@megskyler2680 Жыл бұрын
    • Great to hear!

      @programmingwithmosh@programmingwithmosh Жыл бұрын
  • Hey Mosh!! Could you please do a course on AWS services mostly used for developers. It would be really helpful. Thanks

    @akhilbunnyy@akhilbunnyy Жыл бұрын
  • Damet garm vaqean Ye khaste nabashid az taraf hame irania :)) Montazere dore haye jadid hastim XD

    @AmirPourhadi@AmirPourhadi Жыл бұрын
  • Thank you mosh for your efforts

    @mahaghaly5611@mahaghaly5611 Жыл бұрын
  • I love coding. There's always ways to improve and learn that I just can't get enough of.

    @arshadsiddiqui9071@arshadsiddiqui9071 Жыл бұрын
  • Finally The legend is back with typescript course

    @CREATIVETECHIFY@CREATIVETECHIFY Жыл бұрын
  • Thanks heaps mate, you are very good at what you do

    @7orcas@7orcas Жыл бұрын
  • You are amazing of explaining programming

    @walid-hamdi@walid-hamdi Жыл бұрын
  • Excellent introductory video, 10 out of 10!

    @RaulNussbaum@RaulNussbaum8 ай бұрын
  • 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

    @ns-girltamil4014@ns-girltamil4014 Жыл бұрын
  • What a legend you are I have succesfully Learned Typescript due to you

    @osamayousuf6135@osamayousuf6135 Жыл бұрын
  • Thanks, Mosh 🎉🎊♥️

    @avendeep@avendeep Жыл бұрын
  • I always love to learn from you.

    @taenahammed2196@taenahammed2196 Жыл бұрын
  • Thanks! I will purchase the rest!

    @veronikak513@veronikak513 Жыл бұрын
  • This is awesome!! Could you please add a tutorial on angular latest and specially NGRX?

    @ShivaKumar-jk3hd@ShivaKumar-jk3hd Жыл бұрын
  • Patient teaching wins the race! Thanks!!

    @developsdaniel@developsdaniel Жыл бұрын
  • Good for learning the basics. Thanks. :)

    @sohammondal578@sohammondal578 Жыл бұрын
KZhead