TypeScript Tutorial for Beginners

Sdílet
Vložit
  • Äas pÅ™idán 19. 05. 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?
    - CZcams 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

Komentáře • 734

  • @programmingwithmosh
    @programmingwithmosh  PÅ™ed 2 lety +68

    🚀 Get the complete course (zero to hero): bit.ly/3ahY7wv
    👉 Subscribe for more TypeScript tutorials like this: goo.gl/6PYaGF

    • @naveenfascinate5224
      @naveenfascinate5224 PÅ™ed 2 lety

      Which software you the creating videos?

    • @AGUNGKAYA
      @AGUNGKAYA PÅ™ed rokem +1

      Not available on udemy Sir?

    • @tedo5400
      @tedo5400 PÅ™ed rokem +3

      Hey mosh can you please make a video of laravel

    • @mykun8737
      @mykun8737 PÅ™ed rokem +1

      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

    • @raphael3806
      @raphael3806 PÅ™ed rokem

      Dm for more info

  • @jdholwick
    @jdholwick PÅ™ed rokem +42

    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!

  • @LuisMartinez-se2np
    @LuisMartinez-se2np PÅ™ed 11 mÄ›síci +29

    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!

  • @CodeWithClinton
    @CodeWithClinton PÅ™ed 2 lety +224

    Your 6hour Python video on CZcams was where I learnt the basics of Django. I fell in love with Django and started teaching Django on my CZcams channel. Sir Mosh you are the best instructor in the world.

  • @cloudpractitioner5158
    @cloudpractitioner5158 PÅ™ed 2 lety +330

    No one teaches like Mosh Hamedani does. What a legend 🔥

    • @programmingwithmosh
      @programmingwithmosh  PÅ™ed 2 lety +46

      You're so kind! Thank you! Please support me by sharing this video. :)

    • @hiranga
      @hiranga PÅ™ed 2 lety +3

      @@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

    • @victoronofiok520
      @victoronofiok520 PÅ™ed rokem +1

      Factsâ¤ï¸

    • @zeenmc
      @zeenmc PÅ™ed rokem

      So true...

    • @theSoberSobber
      @theSoberSobber PÅ™ed rokem +2

      @@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!

  • @stand777
    @stand777 PÅ™ed rokem +7

    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!

  • @Ramkatral
    @Ramkatral PÅ™ed 6 mÄ›síci +13

    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.

    • @chisomodimmegwa3479
      @chisomodimmegwa3479 PÅ™ed 4 mÄ›síci +2

      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

  • @ItalCad91
    @ItalCad91 PÅ™ed rokem +4

    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

  • @israel4961
    @israel4961 PÅ™ed 2 lety +41

    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!!

  • @voiceoftreason1760
    @voiceoftreason1760 PÅ™ed rokem +2

    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

  • @ksaurus
    @ksaurus PÅ™ed rokem +11

    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.

  • @aamirbhat650
    @aamirbhat650 PÅ™ed rokem +10

    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.

  • @user-km9xe1df5k
    @user-km9xe1df5k PÅ™ed rokem +3

    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!

  • @_achalsingh
    @_achalsingh PÅ™ed 2 lety +4

    I've been waiting for your - The Ultimate TypeScript Course - since ages Mosh!!
    Looking forward to enrolling in the same!

  • @pipio4593
    @pipio4593 PÅ™ed rokem +3

    Mosh just gave me hope that understanding programming is not as difficult as I thought. Thank you, Mosh.

  • @Shinee3e
    @Shinee3e PÅ™ed rokem +3

    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

  • @netanelr.yesharim3828
    @netanelr.yesharim3828 PÅ™ed 11 mÄ›síci +1

    I looked everywhere for coding instructions that are easy to understand . It shows that you know what you are talking about. Thank you!

  • @linmus2370
    @linmus2370 PÅ™ed 2 lety

    Thanks a bunch for such a comprehensive crash course on TypeScript. It helped me a lot to brush up on TS.

  • @dovudyusufzoda2216
    @dovudyusufzoda2216 PÅ™ed 11 mÄ›síci +1

    the most pridcutive video without time wasting explanation | examples. Understood typescript so clearly🔥🔥

  • @gznqtl
    @gznqtl PÅ™ed 3 mÄ›síci

    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.

  • @luis5d6b
    @luis5d6b PÅ™ed 8 mÄ›síci

    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

  • @user-se7xj1nn4h
    @user-se7xj1nn4h PÅ™ed 4 mÄ›síci +1

    You are the best, Mosh 🤩.
    תודה רבה!

  • @AhmadHassan-fm8ip
    @AhmadHassan-fm8ip PÅ™ed 2 lety

    thank you mosh you are the best programming teacher since I have learned JS i wanna learn TS thanks for your contribution

  • @rayatbinnasir6232
    @rayatbinnasir6232 PÅ™ed rokem +8

    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. ðŸ˜

    • @user-bm2th9lj6f
      @user-bm2th9lj6f PÅ™ed rokem

      Reach-out for further assistance
      Helpline📲📥⬆ï¸

  • @David-jn9ud
    @David-jn9ud PÅ™ed rokem

    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

  • @karantrehan7710
    @karantrehan7710 PÅ™ed rokem +2

    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.

  • @felixc.programs8209
    @felixc.programs8209 PÅ™ed rokem

    Great video! You really inspired me to share my own experience through my CZcams channel as someone who switched careers to the tech industry. Cheers!

  • @sreeduggirala
    @sreeduggirala PÅ™ed rokem +12

    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!

    • @raphael3806
      @raphael3806 PÅ™ed rokem

      Dm for more info

    • @user-bm2th9lj6f
      @user-bm2th9lj6f PÅ™ed rokem

      Reach-out for further assistance
      Helpline📲📥⬆ï¸

  • @diManjenje88
    @diManjenje88 PÅ™ed 2 lety +2

    The wait is over. I just enrolled, cuz I trust Mosh teaching style for year!

  • @brandonmchugh9821
    @brandonmchugh9821 PÅ™ed 2 lety +5

    Came to youtube for an up-to-date typescript tutorial. I hope too much hasnt changed in the last 3 hours lmao

  • @zackoncode1261
    @zackoncode1261 PÅ™ed rokem +1

    The legend himself at it again, thank you for making world class developers with your tuts!

  • @guilhermeh.v.santos7424
    @guilhermeh.v.santos7424 PÅ™ed rokem

    Thanks again. One of the best typescript videos ive wached so far.

  • @syntaxerron4333
    @syntaxerron4333 PÅ™ed rokem +1

    Engaging and so easy to follow. Thank you @Mosh 😃ðŸ‘

  • @davidpile2576
    @davidpile2576 PÅ™ed rokem

    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.

  • @WebDevEducation
    @WebDevEducation PÅ™ed rokem

    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!

  • @dnyaneshwarkolhe4271
    @dnyaneshwarkolhe4271 PÅ™ed 2 lety

    Thank you so much for this course
    I am desperately looking for this

  • @fmitsinc9146
    @fmitsinc9146 PÅ™ed 2 lety

    I'm never disappointed by you Mosh-----Thank you!

  • @andreasiano5953
    @andreasiano5953 PÅ™ed rokem

    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.

  • @dann1est
    @dann1est PÅ™ed 11 mÄ›síci

    Awesome video! Definitely subscribed. Great explanation, clean and pedagogical.

  • @BharatSingh-zk8lx
    @BharatSingh-zk8lx PÅ™ed rokem +2

    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.

  • @akaijoe3582
    @akaijoe3582 PÅ™ed 2 lety +1

    Thanks you a lot mosh! Javascript for the Web also needed

  • @davidjustice8087
    @davidjustice8087 PÅ™ed rokem +1

    This video just made me hook on learning tight script. Keep up the videos perfect teacher.

  • @JohnnyBellew
    @JohnnyBellew PÅ™ed 2 mÄ›síci +1

    "tsc ; node dist/index.js" is how we run the two commands in windows vs code terminal - just thought I'd share that :)

  • @Brocka08
    @Brocka08 PÅ™ed rokem

    Good and quick typescript tutorial. Just what I needed!

  • @coder8350
    @coder8350 PÅ™ed 2 lety

    Mosh your awesome im a iranian boy and i hope you always become better and better in your life

  • @elvinsamuel3932
    @elvinsamuel3932 PÅ™ed rokem +6

    This course is incredible. Thanks for making this so easy to understand. I'm feeling like a TS pro.

  • @rafiulislam1260
    @rafiulislam1260 PÅ™ed 2 lety +4

    You are a great teacher moshâ¤ï¸â¤ï¸.
    Please do a tutorial on Spring Boot

  • @arshadsiddiqui9071
    @arshadsiddiqui9071 PÅ™ed rokem

    I love coding. There's always ways to improve and learn that I just can't get enough of.

  • @germanpinto883
    @germanpinto883 PÅ™ed 11 mÄ›síci

    this video was really clearly! you have a great way to explain TS

  • @yussufa15
    @yussufa15 PÅ™ed 2 lety

    I will come back in next 1 years and see how far I have gone with you thanks ✌ï¸â£ï¸

  • @adinaizhamangulova5697
    @adinaizhamangulova5697 PÅ™ed rokem

    One of the best tutorials! You way is teaching is really good! Thankss

  • @hectorg362
    @hectorg362 PÅ™ed rokem

    Just wanted to thank you for this cool tutorial! It was very helpful.

  • @codewithlaghari
    @codewithlaghari PÅ™ed 2 lety +3

    I have learned SQL from You. You are good instructor.

  • @elielberra2867
    @elielberra2867 PÅ™ed 10 mÄ›síci

    Thank you this intro to TypeScript is amazing!!

  • @ViniciusSantana5581
    @ViniciusSantana5581 PÅ™ed rokem +1

    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.

  • @AmmarTheTrainer
    @AmmarTheTrainer PÅ™ed rokem

    one of the best tutorial video available in market.. looking forward to get the complete course...

  • @hassanriaz1409
    @hassanriaz1409 PÅ™ed 9 mÄ›síci

    Best person and teacher
    Thank you sooo much for this

  • @akhilbunnyy
    @akhilbunnyy PÅ™ed rokem +1

    Hey Mosh!! Could you please do a course on AWS services mostly used for developers. It would be really helpful. Thanks

  • @user-bz1oh8es6e
    @user-bz1oh8es6e PÅ™ed rokem

    great course,
    You Mosh great speaker, i love you speech and your great english and you skills also

  • @siruizhang8209
    @siruizhang8209 PÅ™ed 2 lety +2

    OOOOOMMMMMGGGG finally!!! finally!!! typescript course from mosh!!!

  • @ns-girltamil4014
    @ns-girltamil4014 PÅ™ed 2 lety

    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

  • @kamaralam4798
    @kamaralam4798 PÅ™ed rokem

    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. 😥😥

  • @ansarqazi4377
    @ansarqazi4377 PÅ™ed 3 mÄ›síci +1

    "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!

  • @khalidkhan5308
    @khalidkhan5308 PÅ™ed 2 lety

    Bought this course! Will explore it, I do believe it will be as good as other courses.
    Thanks

  • @CREATIVETECHIFY
    @CREATIVETECHIFY PÅ™ed 2 lety +4

    Finally The legend is back with typescript course

  • @tech_channel110
    @tech_channel110 PÅ™ed 27 dny

    fully focused introduction to typescript
    Much appreciated Mosh

  • @haider.memories
    @haider.memories PÅ™ed 2 mÄ›síci

    Short, Simple and Perfect!!

  • @akhilbunnyy
    @akhilbunnyy PÅ™ed rokem +1

    Hey Mosh !! Thanks for another great course. There might be thousands of tutorials and blogs for typescript but i still choose yours.

  • @osamayousuf6135
    @osamayousuf6135 PÅ™ed rokem

    What a legend you are I have succesfully Learned Typescript due to you

  • @thingsyoumightnotlike3622

    I wish every teacher that I have ever had to have been like Mosh.

  • @Sha-Kate
    @Sha-Kate PÅ™ed rokem +1

    It was very useful and interesting to me! Thank you so much!

  • @stanisawjarocki1747
    @stanisawjarocki1747 PÅ™ed rokem +3

    If you're debugging in VSC is not working just add this RED DOT (breakpoint) in index.ts. It solved the problem for me.

  • @ishaq79
    @ishaq79 PÅ™ed 2 lety

    All what i can say is Jazak'Allah Khair Sir!

  • @khaliphathiane584
    @khaliphathiane584 PÅ™ed 2 lety +3

    Always love learning from you. Waiting the VueJS course

  • @ShivaKumar-jk3hd
    @ShivaKumar-jk3hd PÅ™ed rokem

    This is awesome!! Could you please add a tutorial on angular latest and specially NGRX?

  • @nav_9to5
    @nav_9to5 PÅ™ed rokem +3

    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.

    • @user-bm2th9lj6f
      @user-bm2th9lj6f PÅ™ed rokem

      Reach-out for further assistance
      Helpline📲📥⬆ï¸

  • @RivaanRanawat
    @RivaanRanawat PÅ™ed 2 lety +4

    This is beyond amazing! Love it 🔥🙌

  • @developsdaniel
    @developsdaniel PÅ™ed rokem

    Patient teaching wins the race! Thanks!!

  • @taj-ulislam6902
    @taj-ulislam6902 PÅ™ed 11 mÄ›síci

    Brilliant! Very well done. Thanks Mosh

  • @putrasetyo4364
    @putrasetyo4364 PÅ™ed 7 mÄ›síci

    your theme and font is so eyecatching! can you tell me what theme & font is it?

  • @soumyadeep-mondal
    @soumyadeep-mondal PÅ™ed rokem

    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.

  • @remikpadonou2417
    @remikpadonou2417 PÅ™ed 7 mÄ›síci

    The best teacher I have ever seen. â¤

  • @nagendraprasadch
    @nagendraprasadch PÅ™ed 3 mÄ›síci

    No one teaches like you. You are legend

  • @ekek7
    @ekek7 PÅ™ed mÄ›sícem

    Thanks for a good into to TS. Very clear and concise instructions! Please keep making more vids

  • @moonspark.
    @moonspark. PÅ™ed 2 lety +9

    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. PÅ™ed 2 lety +1

      from days not knowing how to code , to actually doing some simple projects with a few minutes of my time.

    • @programmingwithmosh
      @programmingwithmosh  PÅ™ed 2 lety +1

      Great to hear!

  • @munguzojean1171
    @munguzojean1171 PÅ™ed 2 lety +2

    Can't wait to explore the session 😊

  • @arthurhakobyan7343
    @arthurhakobyan7343 PÅ™ed 8 mÄ›síci

    What color theme you use in VS Code ?? That color is so nice ))))

  • @danielclough86
    @danielclough86 PÅ™ed 7 mÄ›síci

    Great Video. If I had feedback Id say that the type alias example seems more suited to an interface, and interfaces were not covered.

  • @user-mf9il2ft6b
    @user-mf9il2ft6b PÅ™ed rokem

    impressive knowledge from a reliable man...
    clear explanations !

  • @its_Akhtar
    @its_Akhtar PÅ™ed 8 mÄ›síci +1

    He is a Piece of GOLD
    So, Keep Shining 🌞

  • @tastonic30
    @tastonic30 PÅ™ed 2 lety

    Mosh the great instructor ever... Kindly do something on laravel please

  • @RickyJohw
    @RickyJohw PÅ™ed 9 mÄ›síci

    Hi, I wonder which tool do you use for your presentation? Power Point or Google Slide ?

  • @walid-hamdi
    @walid-hamdi PÅ™ed rokem

    You are amazing of explaining programming

  • @RaulNussbaum
    @RaulNussbaum PÅ™ed 9 mÄ›síci

    Excellent introductory video, 10 out of 10!

  • @sandeepanmazumdar8486
    @sandeepanmazumdar8486 PÅ™ed 3 mÄ›síci

    Best typescript course in the market ðŸ™ðŸ

  • @edogan5514
    @edogan5514 PÅ™ed rokem

    Mosh thanks for this amazing tutorial, we are waiting for react native course with react native cli and please recreate your react course with typscript

  • @dhruvkumar-br2lp
    @dhruvkumar-br2lp PÅ™ed 6 mÄ›síci

    Thank you "Programming with Mosh"
    💻📓

  • @user-zh9li4bi3g
    @user-zh9li4bi3g PÅ™ed 17 dny +1

    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.

  • @GiulioAndCode
    @GiulioAndCode PÅ™ed rokem +1

    Best tutorial I have ever seen!🔥🔥

  • @7orcas
    @7orcas PÅ™ed rokem

    Thanks heaps mate, you are very good at what you do