TypeScript Tutorial - TypeScript for React - Learn TypeScript

TypeScript Tutorial - TypeScript for React & Angular Developers. Watch the new edition here: • TypeScript Tutorial fo...
Want to learn more from me?
Courses: codewithmosh.com
Twitter: / moshhamedani
Facebook: / programmingwithmosh
Blog: programmingwithmosh.com
Learn all about classes, objects, interfaces, properties, constructors and other essential object-oriented programming concepts in TypeScript.
TABLE OF CONTENT
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
#javascript #react

[@metaiot]

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]

Thanks man

[@metaiot]

@@paramitahalder6943 if it help somebody then no issue 😁

[@ark1758]

dude you are a indian ......

[@MinionNil]

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

[@koodauskanava9096]

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.

[@radoncreepgaming2604]

Tbvh

[@redrum3075]

Stop begging , he wont give u another free course !

[@victoronwukwe8181]

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.

[@hichambouazza4224]

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)

[@philippelhaus]

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

[@muhammadmohsin8878]

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

[@samms7922]

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

[@ramoverboard6093]

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.

[@jianqilu8945]

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

[@cxvoiqw9917]

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

[@nnmartin94]

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

[@meenamotiramani5244]

@@programmingwithmosh pin this comment

[@polthm]

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

[@KiranKoirala1]

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]

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

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

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

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

[@AbdullahAMalik07]

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.

[@pavangajjela8757]

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

[@siddharthsinha1330]

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

[@CalebDiT]

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.

[@marian_tsx]

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`

[@kareemsakr41]

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

[@clmlbx]

Your teaching method is Awesome, loved your explanation

[@suryabhan1000]

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.

[@katlegomotlhabane2826]

Yo bro thanks for the tutorial, that was a brilliant tutorial. Keep up the good work!!!!!!!!!

[@sepehrroshanpour4359]

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

[@imikhan83]

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

[@hari0312]

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

[@radoncreepgaming2604]

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

[@LaxmikantMishra_Webdeveloper]

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

[@manojmittha2761]

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

[@runvijaygautam4448]

I love the way you explain complex things in simple manner

[@burkaypehlivan5428]

Great tutorial, thank you!

[@muhammadshahrez2130]

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

[@anjuthanm]

Is it relevant to take this course in 2019?

[@James-pf9mn]

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

[@vladnicu3655]

Best TypeScript tutorial so far!

[@asennikolaev8106]

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

[@kaypakaipa8559]

Amazing tutorial Sir. Thank U.

[@SumitMangela]

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

[@inout9926]

Wow... You are amazing.

[@vinitagaikwad3683]

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

[@MikayilAbdullayev]

Grrrreeat. Again, that brilliant,sweet accent makes these videos even more interesting.

[@bharathmadesh1761]

Simply Superb, Thanks Mosh for this great detailed material :)

[@garnik971]

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

[@keerthanaks8609]

Thank you so much Mosh! Great one!

[@ayushman_sr]

well explained.... all pits and falls... and good convention to follow

[@suleimanobeid9995]

one of the best videos ever made for the typescript

[@mohammedhussain7069]

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

[@agestasaputra3345]

Hey Mosh! You're a superb lecturer that i ever saw. Thank's for the clean explanation! Anyway, i hope u would create a playlist of Angular 7. It sounds good i mean. And good luck, Mosh!

[@sharishth]

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

[@maddi1154]

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

[@vladkramar3123]

That was AMAZING! Thank you!

[@leocasablanca4535]

The best typescript tutorial to get you started.

[@josuenunez3004]

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

[@fenrisbelserion9559]

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

[@mparikshit]

Crystal clear!, thank you very much :)

[@ramkrishnashendkar56]

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

[@yahyawikov]

You are a great teacher keep going and thank a lot

[@tumbalimanishankar489]

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

[@marcosevaristo6119]

amazing tutorial, the basics are very clear now, thank you so much

[@developertest868]

Awesome. Thanks!

[@aboalwi]

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

[@iamrmin]

Superbly precise explanation. gained lot of knowledge in small time. make more videos on TypeScript, you said there is lot to discuss in modules. make more videos.

[@ceylontravelvlog]

good lesson... just got everything need to start react

[@Ro_Syper]

Hi Mosh! I just wanted to thank you for this great tutorial, you are an amazing teacher! I will be sure to check the rest of your courses :)

[@roshannaik3890]

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

[@mujtabac5]

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

[@moshfeghhamedani]

Mujtaba Mahmood Thanks for your support!

[@mujtabac5]

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]

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

[@moshfeghhamedani]

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.

[@mujtabac5]

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

[@chunk1978]

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.

[@AlessandroBottoni]

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

[@pradeep_kumar_ind]

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

[@sol.lopez87]

You have awesome teaching skills, you rock!

[@automata405]

Wow... Beautifully explained.

[@A-A-channel]

thank you . your teaching is rocking. learned a lot

[@sen.alexandru]

really pro tutorials! good job mosh!

[@raineyzhang8520]

THANK YOU. Someone who can influence others!

[@mrcode6657]

Great tutorial, really appreciated !

[@mufaddalshafqat9973]

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

[@jugeshkumar1109]

Very cleared lecture. Thanks bro for your efforts. Keep it up 👍

[@carriehappoldt1142]

I loved this tutorial. Very helpful! thanks!

[@Firecloak]

good overview, thank you for the tutorial!

[@K0Tik82]

THANKS A LOT, your lections are brilliant!

[@manikandanc3424]

Awesome overview of typescript for angular !

[@NITESHSINGHNRS]

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

[@zainramzangorsi6256]

Amazing tutorial! eveything was clear

[@muhammedemamm3870]

You deserve my first comment on KZbin, Great tutorial

[@gianlucavillalba8115]

You're just Amazing! Really liked that tutorial, you made it simple and clear! Thanks a lot, you got a new subscriber! :)

[@DS-zr9gv]

Excited!

[@zeeshankhan-mx6cp]

Loved it, thanks for the tutorial

[@subhamshaw1726]

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

[@franciscojavierramirezhern8588]

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

[@stefanivovic]

you rock men. best mvc and ef teacher

[@moriscnam]

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

[@Ken-S]

Best TS tutorial ever seen!

[@AmiraMahmoud7]

Thank you very much , very good explanation.

[@anshumansingh5589]

really loved this tutorial

[@mohamedreejan8143]

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

[@sachin123v]

Quick and easy. Loved it.💖

[@MalusiShepherdNinela]

This helped me so much

[@ashishdubey2687]

thanks for the tutorial, very helpful

[@technicaldroid3261]

love all your courses

[@sh23ish]

Thank you. Very useful tutorial for Angular 6 beginners 👌

[@thomassohet3619]

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

[@omardiaa1180]

Many thanks for this amazing tutorial