TypeScript Tutorial for Beginners

Поделиться
HTML-код
  • Опубликовано: 15 май 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?
    - RUclips 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

Комментарии • 733

  • @programmingwithmosh
    @programmingwithmosh  2 года назад +68

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

    • @naveenfascinate5224
      @naveenfascinate5224 2 года назад

      Which software you the creating videos?

    • @AGUNGKAYA
      @AGUNGKAYA Год назад +1

      Not available on udemy Sir?

    • @tedo5400
      @tedo5400 Год назад +3

      Hey mosh can you please make a video of laravel

    • @mykun8737
      @mykun8737 Год назад +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 Год назад

      Dm for more info

  • @CodeWithClinton
    @CodeWithClinton 2 года назад +225

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

  • @jdholwick
    @jdholwick Год назад +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 11 месяцев назад +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!

  • @cloudpractitioner5158
    @cloudpractitioner5158 2 года назад +330

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

    • @programmingwithmosh
      @programmingwithmosh  2 года назад +46

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

    • @hiranga
      @hiranga 2 года назад +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 Год назад +1

      Facts❤️

    • @zeenmc
      @zeenmc Год назад

      So true...

    • @theSoberSobber
      @theSoberSobber Год назад +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!

  • @israel4961
    @israel4961 2 года назад +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!!

  • @stand777
    @stand777 Год назад +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!

  • @voiceoftreason1760
    @voiceoftreason1760 Год назад +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

  • @ItalCad91
    @ItalCad91 Год назад +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

  • @Ramkatral
    @Ramkatral 6 месяцев назад +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 4 месяца назад +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

  • @aamirbhat650
    @aamirbhat650 Год назад +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 Год назад +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!

  • @ksaurus
    @ksaurus Год назад +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.

  • @_achalsingh
    @_achalsingh 2 года назад +4

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

  • @pipio4593
    @pipio4593 Год назад +3

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

  • @netanelr.yesharim3828
    @netanelr.yesharim3828 10 месяцев назад +1

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

  • @Shinee3e
    @Shinee3e Год назад +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

  • @linmus2370
    @linmus2370 Год назад

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

  • @dovudyusufzoda2216
    @dovudyusufzoda2216 11 месяцев назад +1

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

  • @gznqtl
    @gznqtl 3 месяца назад

    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.

  • @rayatbinnasir6232
    @rayatbinnasir6232 Год назад +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 Год назад

      Reach-out for further assistance
      Helpline📲📥⬆️

  • @luis5d6b
    @luis5d6b 7 месяцев назад

    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

  • @David-jn9ud
    @David-jn9ud Год назад

    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

  • @felixc.programs8209
    @felixc.programs8209 Год назад

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

  • @AhmadHassan-fm8ip
    @AhmadHassan-fm8ip Год назад

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

  • @karantrehan7710
    @karantrehan7710 Год назад +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.

  • @sreeduggirala
    @sreeduggirala Год назад +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!

  • @davidpile2576
    @davidpile2576 Год назад

    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.

  • @andreasiano5953
    @andreasiano5953 Год назад

    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.

  • @diManjenje88
    @diManjenje88 2 года назад +2

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

  • @syntaxerron4333
    @syntaxerron4333 Год назад +1

    Engaging and so easy to follow. Thank you @Mosh 😃👍

  • @dann1est
    @dann1est 11 месяцев назад

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

  • @dnyaneshwarkolhe4271
    @dnyaneshwarkolhe4271 2 года назад

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

  • @akaijoe3582
    @akaijoe3582 2 года назад +1

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

  • @guilhermeh.v.santos7424
    @guilhermeh.v.santos7424 Год назад

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

  • @brandonmchugh9821
    @brandonmchugh9821 2 года назад +5

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

  • @davidjustice8087
    @davidjustice8087 Год назад +1

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

  • @JohnnyBellew
    @JohnnyBellew 2 месяца назад +1

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

  • @WebDevEducation
    @WebDevEducation Год назад

    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!

  • @fmitsinc9146
    @fmitsinc9146 2 года назад

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

  • @hectorg362
    @hectorg362 Год назад

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

  • @Brocka08
    @Brocka08 Год назад

    Good and quick typescript tutorial. Just what I needed!

  • @rafiulislam1260
    @rafiulislam1260 2 года назад +4

    You are a great teacher mosh❤️❤️.
    Please do a tutorial on Spring Boot

  • @ansarqazi4377
    @ansarqazi4377 3 месяца назад +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!

  • @zackoncode1261
    @zackoncode1261 Год назад +1

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

  • @germanpinto883
    @germanpinto883 11 месяцев назад

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

  • @stanisawjarocki1747
    @stanisawjarocki1747 Год назад +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.

  • @elielberra2867
    @elielberra2867 10 месяцев назад

    Thank you this intro to TypeScript is amazing!!

  • @elvinsamuel3932
    @elvinsamuel3932 Год назад +6

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

  • @ViniciusSantana5581
    @ViniciusSantana5581 Год назад +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.

  • @user-se7xj1nn4h
    @user-se7xj1nn4h 3 месяца назад +1

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

  • @RivaanRanawat
    @RivaanRanawat 2 года назад +4

    This is beyond amazing! Love it 🔥🙌

  • @tech_channel110
    @tech_channel110 23 дня назад

    fully focused introduction to typescript
    Much appreciated Mosh

  • @adinaizhamangulova5697
    @adinaizhamangulova5697 Год назад

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

  • @munguzojean1171
    @munguzojean1171 2 года назад +2

    Can't wait to explore the session 😊

  • @taj-ulislam6902
    @taj-ulislam6902 11 месяцев назад

    Brilliant! Very well done. Thanks Mosh

  • @codewithlaghari
    @codewithlaghari 2 года назад +3

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

  • @siruizhang8209
    @siruizhang8209 2 года назад +2

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

  • @akhilbunnyy
    @akhilbunnyy Год назад +1

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

  • @coder8350
    @coder8350 2 года назад

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

  • @AmmarTheTrainer
    @AmmarTheTrainer Год назад

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

  • @akhilbunnyy
    @akhilbunnyy Год назад +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 Год назад

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

  • @khaliphathiane584
    @khaliphathiane584 2 года назад +3

    Always love learning from you. Waiting the VueJS course

  • @yussufa15
    @yussufa15 2 года назад

    I will come back in next 1 years and see how far I have gone with you thanks ✌️❣️

  • @khalidkhan5308
    @khalidkhan5308 2 года назад

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

    • @programmingwithmosh
      @programmingwithmosh  2 года назад

      Thank you for your support! Hope you'll enjoy the course! :)

  • @BharatSingh-zk8lx
    @BharatSingh-zk8lx Год назад +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.

  • @CREATIVETECHIFY
    @CREATIVETECHIFY 2 года назад +4

    Finally The legend is back with typescript course

  • @osamayousuf6135
    @osamayousuf6135 Год назад

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

  • @Sha-Kate
    @Sha-Kate Год назад +1

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

  • @haider.memories
    @haider.memories Месяц назад

    Short, Simple and Perfect!!

  • @ekek7
    @ekek7 Месяц назад

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

  • @kamaralam4798
    @kamaralam4798 Год назад

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

  • @IgorStorozhuk
    @IgorStorozhuk 5 месяцев назад

    Hi Mosh,
    Thx for this course
    I enjoy it

  • @Voranzov
    @Voranzov 2 года назад

    Most waited. Thank you mosh

  • @ShivaKumar-jk3hd
    @ShivaKumar-jk3hd Год назад

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

  • @nav_9to5
    @nav_9to5 Год назад +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 Год назад

      Reach-out for further assistance
      Helpline📲📥⬆️

  • @GiulioAndCode
    @GiulioAndCode Год назад +1

    Best tutorial I have ever seen!🔥🔥

  • @arshadsiddiqui9071
    @arshadsiddiqui9071 Год назад

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

  • @moonspark.
    @moonspark. 2 года назад +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. 2 года назад +1

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

    • @programmingwithmosh
      @programmingwithmosh  2 года назад +1

      Great to hear!

  • @mahdighiasi668
    @mahdighiasi668 2 года назад +2

    You are the best teacher mosh. Waiting for Golang course 😉

  • @jonathanself1263
    @jonathanself1263 Год назад +5

    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"

    • @carlvonstrauss2107
      @carlvonstrauss2107 7 месяцев назад

      Thanks, brother! I've been spinning my wheels for hours on this.

  • @edogan5514
    @edogan5514 Год назад

    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

  • @thingsyoumightnotlike3622
    @thingsyoumightnotlike3622 Год назад

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

  • @mahaghaly5611
    @mahaghaly5611 2 года назад

    Thank you mosh for your efforts

  • @taenahammed2196
    @taenahammed2196 2 года назад +1

    I always love to learn from you.

  • @veronikak513
    @veronikak513 Год назад +1

    Thanks! I will purchase the rest!

  • @soumyadeep-mondal
    @soumyadeep-mondal Год назад

    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.

  • @dhruvkumar-br2lp
    @dhruvkumar-br2lp 5 месяцев назад

    Thank you "Programming with Mosh"
    💻📓

  • @t1m3__
    @t1m3__ 2 месяца назад

    Great crash course, thank you!

  • @ishaq79
    @ishaq79 2 года назад

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

  • @jaym6655
    @jaym6655 Год назад

    Hello Mosh, great content, I have a quick question for you, I want to buy your course and learn JavaScript and SQL, do you recommend those two if you want a job in QA Automation? I have been watching Postman API videos as well. Thank you for your time.

  • @SukritAkhauri
    @SukritAkhauri Месяц назад

    Loved the Content, it was very desciptive

  • @nagendraprasadch
    @nagendraprasadch 3 месяца назад

    No one teaches like you. You are legend

  • @jamesauble8091
    @jamesauble8091 Год назад

    Thanks for the video! What is the code editor theme you're using? I like the colors.

  • @remikpadonou2417
    @remikpadonou2417 7 месяцев назад

    The best teacher I have ever seen. ❤

  • @walid-hamdi
    @walid-hamdi Год назад

    You are amazing of explaining programming

  • @7orcas
    @7orcas Год назад

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

  • @ns-girltamil4014
    @ns-girltamil4014 Год назад

    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

  • @RaulNussbaum
    @RaulNussbaum 9 месяцев назад

    Excellent introductory video, 10 out of 10!