TypeScript Tutorial - TypeScript for React - Learn TypeScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 384

  • @metaiot
    @metaiot 5 ปีที่แล้ว +290

    00:41 What is TypeScript?
    03:04 Your First TypeScript Program
    06:03 Declaring Variables
    10:52 Types
    16:35 Type Assertions
    19:22 Arrow Functions
    21:05 Interfaces
    24:59 Classes
    29:29 Objects
    33:36 Constructors
    36:27 Access Modifiers
    39:23 Access Modifiers in Constructor Parameters
    41:04 Properties
    46:22 Modules

    • @Shiv-vb1re
      @Shiv-vb1re 3 ปีที่แล้ว +2

      Thanks man

    • @metaiot
      @metaiot 3 ปีที่แล้ว +3

      @@paramitahalder6943 if it help somebody then no issue 😁

  • @jianqilu8945
    @jianqilu8945 6 ปีที่แล้ว +21

    10:52 types and enum
    16:43 type conversion
    19:30 arrow functions
    21:10 custom types and interface
    25:16 cohesion and class

  • @muhammadmohsin8878
    @muhammadmohsin8878 2 ปีที่แล้ว +4

    Very easily put. Such a beautiful tutorial. I only took one break and it was over without overloading my brain. Thank you Mosh

  • @victoronwukwe8181
    @victoronwukwe8181 2 ปีที่แล้ว +4

    Mosh you're just too great! Too good at breaking down concepts. In any walk of life I want to learn, if there's a Mosh tutorial, I'm going for it first.

  • @koodauskanava9096
    @koodauskanava9096 7 ปีที่แล้ว +120

    Thank you very much of this lecture, I learned a lot from this. TypeScript seems to be very cool language. You are one of the best teachers at youtube. Very clear presentation.

  • @ramoverboard6093
    @ramoverboard6093 6 ปีที่แล้ว +2

    sir, hands down you are an extremely great teacher. keep doing what you're doing. your lectures are clear, concise ans straight to the point. just listening to you for one hour made typescript syntax a lot easier for me to understand. well done.

  • @CalebDiT
    @CalebDiT 2 ปีที่แล้ว +1

    Great walkthrough! You've renewed my hope that web development isn't still stuck in the '80s. It's simply astonishing how much work you still have to do to write simple code (I haven't made a webpage since '99). Practically every other coding "language" (e.g. C, Java, MATLAB, etc.) is lightyears ahead of web development.

  • @philippelhaus
    @philippelhaus 3 ปีที่แล้ว +5

    WHY IS THIS MAN SUCH A GOOD TEACHER ????

  • @sepehrroshanpour4359
    @sepehrroshanpour4359 4 ปีที่แล้ว +1

    من آموزشهای دیگه هم برای انگولار دیدم ولی این با اخلاف خیلی بهتر از بقیه بود، مرسی استاد همدانی

  • @nnmartin94
    @nnmartin94 6 ปีที่แล้ว +19

    Tip: you can use -w on your tsc command to constantly compile without having to run the command over and over.

  • @samms7922
    @samms7922 3 ปีที่แล้ว +20

    Mosh is the best instructor knows OOP, "Literally".

  • @radoncreepgaming2604
    @radoncreepgaming2604 3 ปีที่แล้ว

    I come to this channel ever since I took one of your crash courses and I've been able to buy a course which is the best thing I've ever bought

  • @marian_tsx
    @marian_tsx 4 ปีที่แล้ว +17

    The enum in JS can be done by using Object.freeze. And it looks pretty similar and can be used the same way.
    const Color = Object.freeze({
    RED: 0,
    GREEN: 1,
    BLUE: 2
    });
    Then use it like:
    `Color.RED`

  • @MinionNil
    @MinionNil 7 ปีที่แล้ว +22

    Bravo! Amazing tutorial! So clear, so well passed, voice and diction so good, font size so easily readable. I loved it, thanks!

  • @muhammadshahrez2130
    @muhammadshahrez2130 5 ปีที่แล้ว +3

    Highly recommended tutorial for beginners. Concepts were explained very clearly. Thank you Mosh for this valuable lesson.

    • @m5than
      @m5than 5 ปีที่แล้ว

      Is it relevant to take this course in 2019?

  • @runvijaygautam4448
    @runvijaygautam4448 6 ปีที่แล้ว +1

    I love the way you explain complex things in simple manner

  • @siddharthsinha1330
    @siddharthsinha1330 4 ปีที่แล้ว +1

    The awesome use of Intellisense (to explain what's accessible) !!
    And also the way you explain, from the concept before class (interface) to the need of class (cohesion), and then instance of class (objects), constructors, etc, its awesome man !!!

  • @pradeep_kumar_ind
    @pradeep_kumar_ind 6 ปีที่แล้ว

    I always used to dislike TypeScript, but after watching this video, I have started liking it. This is a fantastic video. Thanks.

  • @AbdullahAMalik07
    @AbdullahAMalik07 4 ปีที่แล้ว +3

    Wow, Access modifiers in constructor parameters are soooo good. I had been missing them for so long. They are gonna improve the code so much.

  • @maddi1154
    @maddi1154 3 ปีที่แล้ว

    Thanks friend, I felf very difficult to find sessions teach from basics. But finally I found thanks friend one more time.

  • @therealmujtaba
    @therealmujtaba 7 ปีที่แล้ว +2

    I just purchased your angular 4/2 upgrade last week!!
    I Will buy the new one too, you deserve it Mosh.

    • @moshfeghhamedani
      @moshfeghhamedani 7 ปีที่แล้ว

      Mujtaba Mahmood Thanks for your support!

    • @therealmujtaba
      @therealmujtaba 7 ปีที่แล้ว

      Moshfegh Hamedani keep doing the great job.
      Ps, we need more project basis practices. Like mini-projects that cover the concepts of that section.

    • @moshfeghhamedani
      @moshfeghhamedani 7 ปีที่แล้ว

      Mujtaba Mahmood thanks for your suggestion! Will definitely keep in mind.

    • @moshfeghhamedani
      @moshfeghhamedani 7 ปีที่แล้ว

      Mujtaba Mahmood which courses of mine have you taken and what sections do you specifically need mini projects? I know ideally you want mini projects in every section but I'm just trying to figure out what courses/sections need a higher priority on this matter.

    • @therealmujtaba
      @therealmujtaba 7 ปีที่แล้ว

      Moshfegh Hamedani I took the xamarin forms, c# all levels and the asp.net mvc . And of course the angular course. I suggested in general. Let's say when you finish the layouts section in xamarin it would be great to do a small project that shows some kind of navigation , layouts, etc.. the way you think is best to solve a problem which you can mention in the beginning. I am sure many people who know Java or other languages want to learn something new and the best way to learn it is by on-hand solving problems. My guess that most people who are learning on TH-cam or udemy want to have projects of their own while learning that they can say "yes, I know how to make a small app for a restaurant!"
      I think you did that in the ASP.NET MVC course when you mentioned in the beginning that: "at the end of this course you will know how this video rental website is made".
      At the end you are the teacher here and you might have different opinion. That's my personal view. But that was what I wanted to see more.
      Thanks and good luck.....

  • @josuenunez3004
    @josuenunez3004 3 ปีที่แล้ว

    Although the title is misleading because it was released in 2017 it still helped me understand all the things I didnt get the past 2 years of college so thank youl

  • @moriscnam
    @moriscnam 3 ปีที่แล้ว

    You are the best tutor i ever seen. great job Mosh joon.

  • @clmlbx
    @clmlbx 7 ปีที่แล้ว +5

    Your teaching method is Awesome, loved your explanation

  • @kareemsakr41
    @kareemsakr41 5 ปีที่แล้ว

    Mosh has been my virtual mentor for years, Thank you so much. your courses helped me get 2 jobs so far since 2015.

  • @kelvintakyi-bobi3155
    @kelvintakyi-bobi3155 2 ปีที่แล้ว

    You're a brilliant teacher as ALWAYS!!!

  • @leocasablanca4535
    @leocasablanca4535 4 ปีที่แล้ว

    The best typescript tutorial to get you started.

  • @polthm
    @polthm 4 ปีที่แล้ว +206

    It's written "TypeScript for React [2020]" but the video has been released in 2017 and never talks of React...

    • @KiranKoirala1
      @KiranKoirala1 4 ปีที่แล้ว +16

      Yeah.... Its mostly like that here. The full courses are hidden behind payments, which isn't a bad thing. But at least have the courtesy to change the title to something relevant.
      I once had to quickly start on a task that required to work with redux which I didn't have much experience with. So, I watched one of the video titled "Redux tutorial" in this channel, which ended up being just a functional programming video. I think that's the first video on youtube that I've ever hit the dislike button for.

    • @siddhantshrivastava5785
      @siddhantshrivastava5785 4 ปีที่แล้ว +8

      ​ ​ @Mevin Monson @Kiran Koirala I understand about this particular title or even the redux one.But as a person who has studied multiple technologies and frameworks from this person's full paid courses let me tell you that they are absolutely amazing and best courses out there.He works really hard to create those and still charges very minimal money for them,and its a little to much to ask someone to give that amount of work for free isn't it :) .My guess is he only puts these updated titles to help with youtube's algorithms.
      But believe me you won't get dissappointed if you ever try his full course. :)

    • @KiranKoirala1
      @KiranKoirala1 4 ปีที่แล้ว +11

      @@siddhantshrivastava5785 I'm not complaining about the full courses being after payment, that's totally fine and acceptable. Neither am I complaining about the courses, I too feel his courses are great. Even on this video or on redux one, I know that the things he's teaching are the fundamentals that we need before learning those stacks which shows how great his courses are. I'm only saying, I'm not ok with the titles of the video, misleading a viewer.

    • @chrismclaughlin1073
      @chrismclaughlin1073 4 ปีที่แล้ว +2

      @@KiranKoirala1 I thought that at first, but around the halfway point of that video he explains why you need to understand functional programming to understand redux, then spends about 40 minutes going over the basic concepts of redux. I found it to be one of the clearest ways to explain redux and recommend it to friends.

    • @reymarkandog1441
      @reymarkandog1441 4 ปีที่แล้ว +2

      @@siddhantshrivastava5785 Yes, Absolutely I learned c# from him so easily.

  • @hari0312
    @hari0312 7 ปีที่แล้ว +1

    Your work are short and clean to learn as beginner. Thank you.

  • @vladnicu3655
    @vladnicu3655 6 ปีที่แล้ว +1

    Best TypeScript tutorial so far!

  • @dev_casper
    @dev_casper 2 ปีที่แล้ว

    I think watching this whole video can easily make a JS developer to a typescript developer pretty fast!! Congo Mosh!!

  • @cxvoiqw9917
    @cxvoiqw9917 4 ปีที่แล้ว

    I watched this guy's crash courses on react, python and now typescript then I go create an app to test my ability. Never gets old for me. I always get a job(higher pay) after. Thanks man!!

  • @hichambouazza4224
    @hichambouazza4224 6 ปีที่แล้ว +2

    I'm used to es2015 , and I wanted to give a try to TypeScript for my React Projects. Definitely a good tutorial ! Very well explained (y)

  • @leszeknagooglach
    @leszeknagooglach 5 ปีที่แล้ว +1

    Tutorials can't get any better than this...

  • @franciscojavierramirezhern8588
    @franciscojavierramirezhern8588 3 ปีที่แล้ว

    Course completed, thanks for all your effort on this video.

  • @asennikolaev8106
    @asennikolaev8106 6 ปีที่แล้ว

    even that i watch the video in 1.5 speed , i understand everything from the first time. You are really good teacher :) Thank you

  • @suleimanobeid9995
    @suleimanobeid9995 5 ปีที่แล้ว

    one of the best videos ever made for the typescript

  • @zainramzangorsi6256
    @zainramzangorsi6256 4 ปีที่แล้ว +1

    Amazing tutorial! eveything was clear

  • @AmbientClassical
    @AmbientClassical 3 ปีที่แล้ว

    Oh! _That's_ what TypeScript is. Thanks so much!!

  • @SumitMangela
    @SumitMangela 5 ปีที่แล้ว +1

    great tutorial man really helped me understand typescript.. keep it up Mosh

  • @amigovk1379
    @amigovk1379 2 ปีที่แล้ว

    Thank you sir. Your lecture is very supportive to me.

  • @fenrisbelserion9559
    @fenrisbelserion9559 7 ปีที่แล้ว

    Thank you for basic knowledge. I'm just starting my angular project. It's helpful for me.

  • @roshannaik3890
    @roshannaik3890 6 ปีที่แล้ว

    Awesome video.... Thanks a LOT. Cleared most of basic concept. Each and every sentence seems to be important.

  • @subhamshaw1726
    @subhamshaw1726 3 ปีที่แล้ว

    awesome. Though i learn the types in ts but still was confused. But after watching this. There is no more confusion.

  • @JoeWong81
    @JoeWong81 6 ปีที่แล้ว

    Love your teaching style Mosh

  • @Imesh.Bandara.Dharmasiri
    @Imesh.Bandara.Dharmasiri ปีที่แล้ว

    I don't Know How to Thanks to you.Thank You Very Very Very Much Mosh😍😍😍😍😃

  • @m3b644
    @m3b644 4 ปีที่แล้ว

    Excellent presentation style. Very good tutorial, bar the incorrect/bad habits presented here and there.

  • @alessandrotorre8668
    @alessandrotorre8668 4 ปีที่แล้ว

    Thanks a lot. Very clear explanation. Congratulations

  • @sharishth
    @sharishth 3 ปีที่แล้ว

    Learned a lot easier due to this video, thanks a lot. Especially the modules, it impressive.

  • @prachiagarwal3715
    @prachiagarwal3715 2 ปีที่แล้ว

    Very good explanation, Concepts are clear

  • @infohad
    @infohad ปีที่แล้ว

    Thank you very much. Explanation accessible to all

  • @raineyzhang8520
    @raineyzhang8520 4 ปีที่แล้ว

    THANK YOU. Someone who can influence others!

  • @manikandanc3424
    @manikandanc3424 6 ปีที่แล้ว

    Awesome overview of typescript for angular !

  • @radmehraghdam8549
    @radmehraghdam8549 4 ปีที่แล้ว +1

    سلام آقای همدانی عزیز
    خیلی ممنونم از اینکه آموزشهای جامع مختصر و کاربردی تولید میکنین.
    من میخوام توی دوره های شما تو سایتتون ثبت نام کنم اگر مقدور هست پرداخت با کریپتو رو اوکی کنین تا ما ایرانی ها هم بتونیم ثبت نام کنیم.
    پرداخت با مستر کارت و پی پال برای ما تقریبا غیر ممکن هست!
    باز هم ممنونم بابت آموزشهای خوبتون و صد البته خنده هایی که وسط آموزش دارین 😁
    اکثر برنامه نویسها خشک هستند ولی شما شخصیت بشاش و شادی دارین و این باعث میشه من بیشتر و بیشتر به برنامه نویسی ترغیب بشم. (از چند تا دوستان برنامه نویس تجربه مناسبی نداشتم 😂 کلن مغزشون صفر و یک هست😂)

  • @min-of8cv
    @min-of8cv 3 ปีที่แล้ว

    Thank you for creating such an awesome tutorial

  • @vinitagaikwad3683
    @vinitagaikwad3683 7 ปีที่แล้ว

    Awesome Mosh!! You always use the simplest way to explain..I love it. Thank you so much :)

  • @tumbalimanishankar489
    @tumbalimanishankar489 6 ปีที่แล้ว +1

    Thank you very much ... clear understanding about basics.

  • @sachin123v
    @sachin123v 3 ปีที่แล้ว

    Quick and easy. Loved it.💖

  • @LaxmikantMishra_Webdeveloper
    @LaxmikantMishra_Webdeveloper 7 ปีที่แล้ว +3

    You are really awesome, you made me understand to use pattern

  • @James-pf9mn
    @James-pf9mn 3 ปีที่แล้ว

    Awesome, easy, and fast tutorial! Thank you for your help, digging around in those docs would've given me a headache.

  • @chunk1978
    @chunk1978 6 ปีที่แล้ว +4

    I'm surprised that one of your favorite features in TypeScript is access modifiers in the constructor function. Personally, I think that it makes the code much less readable as I'm always expecting to see a well defined list of class fields above the constructor. This is especially true if you have many constructor parameters and this approach doesn't allow the constructor to send the arguments to setter methods.

  • @farisahmed3090
    @farisahmed3090 4 ปีที่แล้ว

    great work mosh May God bless you.Thank you.

  • @garnik971
    @garnik971 4 ปีที่แล้ว

    Thanks a lot for this amazing course ! Love the approach and content ! Thumbs up !

  • @pavangajjela8757
    @pavangajjela8757 6 ปีที่แล้ว +1

    Very clear and crisp. Easy to understand. Thank you so much.

  • @tobiowolawi7989
    @tobiowolawi7989 5 ปีที่แล้ว

    typescript was the best thing that ever happened to javascript

  • @imikhan83
    @imikhan83 7 ปีที่แล้ว +3

    I love your videos more than music/movie videos :) you rock in every video like a rock star. :)

  • @sfoxj
    @sfoxj 2 ปีที่แล้ว +1

    Personally, I rarely use let and use var instead. I also use const a lot

  • @NITESHSINGHNRS
    @NITESHSINGHNRS 6 ปีที่แล้ว

    best video to learn typescript ...excellent work..keep doing..

  • @AlessandroBottoni
    @AlessandroBottoni 6 ปีที่แล้ว

    Very clear intro to Typescript. Many thanks.
    BTW: You T-shirt is fantastic.

  • @mihirlimje5144
    @mihirlimje5144 3 ปีที่แล้ว

    thank you sir, for this video it is very useful and easy to understand. I'm the first time learn about typescript and its video really help for me.

  • @sharpspear8755
    @sharpspear8755 3 ปีที่แล้ว

    it's very useful within short and clearing briefing

  • @longminhdone
    @longminhdone 2 ปีที่แล้ว

    33:16 There might be some confusion, and misunderstandings here. The keyword 'point' in line 15 refers to the object created by the syntax 'new Point()', not an object.

  • @sen.alexandru
    @sen.alexandru 6 ปีที่แล้ว

    really pro tutorials! good job mosh!

  • @K0Tik82
    @K0Tik82 4 ปีที่แล้ว

    THANKS A LOT, your lections are brilliant!

  • @gregoryjean-louis5436
    @gregoryjean-louis5436 4 ปีที่แล้ว

    really great tutorial ...help me a lot in class ...thank you sir

  • @carriehappoldt1142
    @carriehappoldt1142 7 ปีที่แล้ว

    I loved this tutorial. Very helpful! thanks!

  • @Ken-S
    @Ken-S 6 ปีที่แล้ว

    Best TS tutorial ever seen!

  • @thomassohet3619
    @thomassohet3619 3 ปีที่แล้ว

    Super clear explanation ; nice walk through ; understandable english ; clear code and benefits of TS → ❤

  • @technicaldroid3261
    @technicaldroid3261 4 ปีที่แล้ว

    love all your courses

  • @ayushsinha1588
    @ayushsinha1588 6 ปีที่แล้ว

    You cannot replace 'var' everywhere with let. Var has different use case 'let' has different.
    'var' is not block scoped,meaning you can access a variable even out of the scope of the function,and there are some conditions,where you need that functionality.
    'let' on the other hand,is block scoped,meaning,if you are using it inside a function or even a for loop(looping constructs does not create a scope),let will enforce that loop to create a scope,and will exist ONLY inside that scope.
    So the key takeaway is use var and let according to their use case.
    PS: Quite informational lecture,especially for a typeScript beginner

  • @sh23ish
    @sh23ish 6 ปีที่แล้ว

    Thank you. Very useful tutorial for Angular 6 beginners 👌

  • @manojmittha2761
    @manojmittha2761 5 ปีที่แล้ว +7

    Awesome tutorial. You always make complex concepts to very simple for our understanding.

  • @aboalwi
    @aboalwi 5 ปีที่แล้ว

    Thank you man .. absolutely loved the video .. simple and informative.

  • @isulaiman
    @isulaiman 3 ปีที่แล้ว

    Thanks Mosh, very helpful

  • @haseebali3810
    @haseebali3810 3 ปีที่แล้ว

    Good overview of typescript thanks Mosh ✌️

  • @ramkrishnashendkar56
    @ramkrishnashendkar56 6 ปีที่แล้ว

    Thank you sharing this tutorial, very precise and to the point explanation of key features.

  • @reefast007
    @reefast007 6 ปีที่แล้ว

    Amazing tutorial, every explanations are crystal clear..

    • @reefast007
      @reefast007 6 ปีที่แล้ว

      Programming with Mosh do you have tutorials series for Angular 6

  • @sol.lopez87
    @sol.lopez87 5 ปีที่แล้ว

    You have awesome teaching skills, you rock!

  • @suryabhan1000
    @suryabhan1000 5 ปีที่แล้ว +1

    Great tutorial mosh, the way you teach I am really impressed by your technique as you first present choices to write code and slowly you figure out for us to which code technique we should use for better code structure and minimum code with readable for others to understand.

  • @prachikate545
    @prachikate545 ปีที่แล้ว

    Thank you . Was very helpful 🙌

  • @mohamedreejan8143
    @mohamedreejan8143 4 ปีที่แล้ว

    Ur a great teacher. Thank you very much for dedication to share ur knowledge with us😊

  • @noelpastrana5100
    @noelpastrana5100 4 ปีที่แล้ว

    Thanks Mosh!

  • @sby15tv
    @sby15tv 4 ปีที่แล้ว

    Hi - could you post the link for the full course ? Thank you

  • @mdeekshitulu
    @mdeekshitulu 5 ปีที่แล้ว +1

    Crystal clear!, thank you very much :)

  • @mufaddalshafqat9973
    @mufaddalshafqat9973 6 ปีที่แล้ว +3

    Excellent tutorial for beginners. Everything just perfect. Thank you.

  • @mohammedhussain7069
    @mohammedhussain7069 5 ปีที่แล้ว

    Very nice to the point and easy to follow new to Angular this was really helpful.

  • @MalusiShepherdNinela
    @MalusiShepherdNinela 5 ปีที่แล้ว +1

    This helped me so much

  • @stefanivovic
    @stefanivovic 7 ปีที่แล้ว

    you rock men. best mvc and ef teacher

  • @VedKaila_Guru
    @VedKaila_Guru 3 ปีที่แล้ว +1

    after adding get and set part of code, on compile I get error stating like 'accessors are only available in ECMA5 and later', even though my tsconfig is set to ES5. Any suggestion how to get over it?

  • @kaypakaipa8559
    @kaypakaipa8559 6 ปีที่แล้ว +3

    Amazing tutorial Sir. Thank U.