TypeScript Crash Course

Ғылым және технология

Learn the basics of TypeScript in this beginner-friendly crash course
Visit Our Sponsor: Stream
getstream.io/traversy
TypeScript Gist:
gist.github.com/bradtraversy/...
Find all of my Udemy courses:
traversymedia.com
Support The Channel:
/ traversymedia
paypal.me/traversymedia
TImestamps:
0:00 - Intro & Sponsor
0:39 - Slides
7:58 - TypeScript Setup
8:55 - TSC (TypeScript Compiler)
11:42 - Config File
13:32 - Folder Structure
16:50 - Basic Types
18:03 - Arrays & Tuples
21:27 - Unions & Enum
24:30 - Objects
26:00 - Type Assertion
27:23 - Functions
29:54 - Interfaces
32:28 - Function Interface
33:49 - Classes
37:00 - Data Modifiers
39:20 - Implement Interface in Class
40:39 - Extending Classes (Subclasses)
43:27 - Generics
47:30 - TypeScript With React

Пікірлер: 557

  • @nikhil007g
    @nikhil007g2 жыл бұрын

    It's like Brad knows what we need and he uploads the knowledge

  • @petermurutu5709

    @petermurutu5709

    2 жыл бұрын

    Bare facts 💯

  • @robinkartik6356

    @robinkartik6356

    2 жыл бұрын

    Exactly.

  • @arnolddaniels8603

    @arnolddaniels8603

    2 жыл бұрын

    Exactly

  • @DanteMishima

    @DanteMishima

    2 жыл бұрын

    I swear the man is a wizard

  • @codernerd7076

    @codernerd7076

    2 жыл бұрын

    He does he got KZread trending data and social media, and all your google searches trends... Yeah so much data to find out exactly what video people want right now...

  • @failist9570
    @failist95702 жыл бұрын

    Me in my mind: "Let's learn Typescript" Brad: "I heard you"

  • @elpolodiablo5486

    @elpolodiablo5486

    2 жыл бұрын

    cringe

  • @siewierap

    @siewierap

    2 жыл бұрын

    me the same few days ago haha

  • @jpisty
    @jpisty2 жыл бұрын

    I really like these crash courses. They're quick and to the point. More importantly it gives me enough info to decide if this is something I want to pursue. Thanks Brad

  • @Grifanos

    @Grifanos

    2 жыл бұрын

    That's exactly as I'm feeling too. These crash courses are amazing. They give me a vision and allow me to make a decision if I need this.

  • @zes3813

    @zes3813

    2 жыл бұрын

    no such thing as more expressive or descriptive or etc, ceptxuxetc, do, say any nmw and any s perfect

  • @meisterunner
    @meisterunner2 жыл бұрын

    Love how "easy" OOP developers can pick up OOP languages. This whole course was basically Object Oriented Programming ( with Typescript ). You rock Brad.

  • @svikas641

    @svikas641

    2 жыл бұрын

    true i am leaning golang and i could relate these two very well.

  • @priteshsoni3891

    @priteshsoni3891

    2 жыл бұрын

    exactly! I am coming from Java and it is pretty much similar. But I like syntax of TS more than JAVA.

  • @anurag985

    @anurag985

    2 жыл бұрын

    @@svikas641 golang doesn't have classes, though you can do a lot with interfaces and types.

  • @svikas641

    @svikas641

    2 жыл бұрын

    @@anurag985 yes anurag i am aware.

  • @joeb7492
    @joeb74922 жыл бұрын

    Wouldn't miss this for the world. Happy to see you back after that break

  • @sogzful
    @sogzful9 ай бұрын

    That intro music gets me giddy every single time. Thanks for your efforts Brad.

  • @Harduex
    @Harduex2 жыл бұрын

    Love how you explain things so smooth and with a ease. Can't be better!

  • @thykingdoncome
    @thykingdoncome2 жыл бұрын

    I just began learning typescript this morning, I was watching Net Ninja’s typescript tutorial when your notification popped. Legend!. Thanks Brad!

  • @ThiagoVieira91
    @ThiagoVieira912 жыл бұрын

    Wow Brad! You're always saving my life. THANK YOU for being this awesome! Another reason to use TS is client compliance. Some medium to large clients (e-commerce, fintechs) won't accept dynamically typed languages, because (they say) it can give margin to some fringe security exploits. Just some food for thought.

  • @user-ix1ih5cg6v
    @user-ix1ih5cg6v2 жыл бұрын

    Every time I begin to have an issue with something new that I'm learning, Brad uploads a course tackling just that. By the look of it, I'm not the only one!

  • @luisacavalcanti3665
    @luisacavalcanti3665 Жыл бұрын

    You are one of the best teachers ever. Very clear and straight to the point.

  • @alvinyanson
    @alvinyanson2 жыл бұрын

    Perfect timing. I was looking for the latest typescript crash course. Thank you Brad. 😃

  • @ladywebber1726
    @ladywebber17262 жыл бұрын

    I swear you always drop the exact course i need at the right time for me...Traversy Media Academy is the best coding school out here lol...Thanks Brad

  • @EduardoGomez-ru3gf
    @EduardoGomez-ru3gf2 жыл бұрын

    Excellent as always Brad! Not a moment wasted and a great overview of the language.

  • @alvirarahman1559
    @alvirarahman15592 жыл бұрын

    TypeScript is the best thing that ever happened to me, thanks Brad, awesome immersive experience in your tutorial as always.

  • @brianryan4053
    @brianryan40532 жыл бұрын

    Brad, your explanation of generics is the best. Placeholder of data types. I have finally understood. Thanks!!! Great job!!!

  • @EddyVinck
    @EddyVinck2 жыл бұрын

    TypeScript is amazing. It can suck at first when you first get into more complex types (imo) but it's so worth it.

  • @pratikkulkarni891

    @pratikkulkarni891

    2 жыл бұрын

    Lol so true :P I just could not understand the real hype around TypeScript when I started learning about it but got to know the importance while working with NestJS. The experience while developing is just amazing :)

  • @mudandmoss4132

    @mudandmoss4132

    2 жыл бұрын

    100% agree - when I started working with it it was so verbose and shouted at me all the time, but now I can't live without it. I'm genuinely scared of normal JS now.

  • @rubenverster250

    @rubenverster250

    2 жыл бұрын

    just wait until you get to the types for Context and Redux XD

  • @pannihto7588

    @pannihto7588

    2 жыл бұрын

    @@rubenverster250 redux toolkit is the answer

  • @emdadgar_official

    @emdadgar_official

    2 жыл бұрын

    typescript is everything that i need from a language syntax ... if it get performance of something like Golang . it would be end of software engeeniering :) but it's just a superset of JS i don't know about compilers developers if they can compile TS‌codes into binery .

  • @sametkaraca5976
    @sametkaraca59762 жыл бұрын

    You are a life saver as usual Brad. And the use of React in the end was a good idea. Thank you for your effort. You touch many dev lives around the world :)

  • @abdulrafay1509
    @abdulrafay15092 жыл бұрын

    Hey Brad, thanks for teaching me making REST APIs with Laravel, I have landed a job after looking at your videos! I can talk about stuff, specially APIs after learning from your videos sir! Hats off sir!

  • @tdematos
    @tdematos2 ай бұрын

    One of the easiest explanations of typescript that I've seen! Thanks again Brad!

  • @work2936
    @work29362 жыл бұрын

    I just started learning Typescript for React. This was exactly what I needed. Thanks Brad ❤

  • @vladislav3182
    @vladislav3182 Жыл бұрын

    Always attaching 'Traversy' to every search i do on YT to do with programming😄. You're really one of the best!! I find your tutorials absolutely consumable and enlightening 💯..plus I never get lost like in other tutorials. Kudos and God bless!!🙌🙌

  • @frankdrolet9439
    @frankdrolet94392 жыл бұрын

    I haven't watch your videos in a while cause I'm more into page builders like Oxygen and Weblfow, but damn it's good to be back to one of your Crash Course, always up to date and the best teacher out there, you're the man!

  • @sony4481
    @sony44812 жыл бұрын

    Amazing course, very detailed I would say comparing to other TS courses. Talked about different types with examples and the setup from scratch 👌 thanks Brad always 👍

  • @SafaKadir
    @SafaKadir Жыл бұрын

    Really great! Along with my prior Java and Javascript knowledge, I learned all I need to know about type script from this course. Now I started to feel confident about type script and can start coding with it right away.

  • @VenkateshMogili
    @VenkateshMogili2 жыл бұрын

    Thank you very much brad, I really looking for more easy and simple example like how you explained for Generics. I watched many videos but all are high level to understand, but you made it very easy to understand Generics very easily. Thank you brad.

  • @OrincyWhyteDesigns
    @OrincyWhyteDesigns2 жыл бұрын

    Im 2 months into learning how to code, and … i cant comprehend how you all remember all this stuff. Im just amazed 🤯

  • @LightningFox2407
    @LightningFox24072 жыл бұрын

    Thank you! Not just for this video, but for your entire channel - pure gold!

  • @atinsingh7395
    @atinsingh73952 жыл бұрын

    Holy shit, I literally needed this right now as I have to work on a typescript react project. You are a godsend!!

  • @zalodias123
    @zalodias1232 жыл бұрын

    It's really refreshing to see someone teaching Typescript without jumping on the hype train. The way you explain things impartially, take into the account the pros and cons, is something really valuable. Thanks for that Brad!

  • @djgulston
    @djgulston Жыл бұрын

    Fantastic video! I needed to look at this because I'm going to do an at-home assessment for a code reviewer job role for a coding bootcamp company that I graduated from recently. I can choose to review the code in a language that I already know, but I want to do a review in a language that I don't know to prove how much I'm willing to learn new languages and technologies. And since I graduated from this place, they know exactly what I learned from them and what I didn't learn from them.

  • @shahbazkhalid6950
    @shahbazkhalid6950 Жыл бұрын

    Great by brad! I was struggling to learn typescript even having good programming skills but this man taught nicely. Now I have idea about typescript syntax and about the topics covered in this video

  • @hibob841
    @hibob841 Жыл бұрын

    I'm an experienced developer (mainly iOS) who's done a bit of JS but never touched TypeScript, and now need to learn it for a new job. This is _exactly_ what I needed to get rolling, and I have to say I quite like the language so far. Thanks so much!

  • @waheedodubayo2339
    @waheedodubayo2339 Жыл бұрын

    needed a crash course on TypeScript for a take-home challenge and this is it!. Thanks Brad

  • @nathanlemma
    @nathanlemma8 ай бұрын

    Concise, to the point, so valuable, comprehensive, I love it. Thanks 🙏

  • @DarknessDescend
    @DarknessDescend2 жыл бұрын

    Just like always, an excellent crash course! Thank you for keeping me updated!

  • @mahmoudhassen4463
    @mahmoudhassen44632 жыл бұрын

    Thanks for this easy-to-learn tutorial, Brad. You're the best!

  • @ccanyanwu
    @ccanyanwu2 жыл бұрын

    Thanks for breaking it down to this level Brad. You're the best

  • @jilluvlog2616
    @jilluvlog2616 Жыл бұрын

    only because of you do I receive a job as a front-end developer in 15 days. Thank you

  • @nikhilratta4076
    @nikhilratta40762 жыл бұрын

    You are doing a great job making these courses . Keep moving forward!

  • @warisulimam3440
    @warisulimam34402 жыл бұрын

    The familiar intro never gets old. Haven't been doing web development for a long time, feels really good to be back into learning web dev again, back to the good old papa Traversy : D

  • @vedymin7
    @vedymin72 жыл бұрын

    This pace is excellent for junior devs who already know what is loop, for, variable etc. And we don't need that here. Many many thanks!

  • @vladislavamarkova8379
    @vladislavamarkova83792 жыл бұрын

    Great tutorial on Typescript. I found it really useful, without unnecessary talking. And it was interesting and helpful. Thank you very much!

  • @Room3102
    @Room31022 жыл бұрын

    Just the explanation I needed to kick start a new project I was assigned to. Thanks!!!

  • @Kay8B
    @Kay8B2 жыл бұрын

    coming from C# to JS I always wondered where Types went and it made have to define explicit if blocks to avoid errors, nice to see this exists for JS now.

  • @samirvaliyev
    @samirvaliyev2 жыл бұрын

    Perfect timing Brad. Thank you for this crash typescript course.

  • @amirreza-dev
    @amirreza-dev2 жыл бұрын

    This guy is a wizard!!! He knows what we need And that's an awesome course thanks Brad

  • @yorkitca
    @yorkitca2 жыл бұрын

    Liked before even watching a second of the content as I already know it's going to be excellent like every other video from Brad. But I will definitely watch till the end.

  • @akanimohosutuk928
    @akanimohosutuk9282 жыл бұрын

    This channel helped my start coding, now I build blockchain platforms. This channel is underrated

  • @slinco65
    @slinco658 ай бұрын

    At last - a simple explanation of generics🎉 Thanks Brad 🙂

  • @alittlegreyhair1104
    @alittlegreyhair11044 ай бұрын

    Another great instructional video from The Master. Thanks Brad for all your hard work.

  • @AbhinavKulshreshtha
    @AbhinavKulshreshtha Жыл бұрын

    Starting a new job tomorrow, This is what I needed to brush off dust with a quick revision of TS concepts, before I show off my skills to my team

  • @XRP_321
    @XRP_3212 жыл бұрын

    i literally been learning this for the past 12hrs...i think i get the idea. thanks to you and another content creator i will be posting my website up tonight. THANK YOU!!!!!!! quick question, do you have any videos on adjusting location of widgets and any other editing we might want to do? again, thank you!!!!!

  • @graemegrant6669
    @graemegrant66692 жыл бұрын

    Brad your work is awesome….can’t wait to Learn typescript from you. Thanks Again!

  • @emenikedaniel
    @emenikedaniel Жыл бұрын

    *Thanks for this solid course Traversy.* If anyone here writes Golang as well, then typescript knowledge becomes a bit intuitive. There are also Generics, Struct(Types in TS), Interface and Slices(Arrays in TS) in Golang, same in TS. Makes me appreciate the knowledge of both worlds💙

  • @mahbub4nobody
    @mahbub4nobody2 жыл бұрын

    Awesome man!! Before this video, I tried to see some shorter-length tutorials and fall asleep. But this hour-length tutorial kept me awake, almost. Thanks.

  • @craiggazimbi
    @craiggazimbi Жыл бұрын

    The void type took me back to C++ , man what a time, thank you Brad

  • @Riicky.Allves
    @Riicky.Allves2 ай бұрын

    Thanks for the tutorial Brad. It was really useful 🙏🏽

  • @mediocreTyler
    @mediocreTyler2 жыл бұрын

    Love your tutorials Brad, thanks for all the help and free knowledge

  • @wayneswildworld
    @wayneswildworld2 жыл бұрын

    He really is just the best. Like that's it, he makes excellent tutorials on the most important topics that we need.

  • @fyardlest1
    @fyardlest12 жыл бұрын

    Brad just demystify the thing for me! Thanks a lot! I would like to see a Jasmine testing tuto like this one.

  • @Gamewithstyle
    @Gamewithstyle2 жыл бұрын

    Funny, I was just thinking about getting into TS and you put this out. Perfect timing!

  • @clingyking2774
    @clingyking27742 жыл бұрын

    It's so great to have Brad. He knows what we need and uploads it.

  • @annakarpiuk438
    @annakarpiuk4382 жыл бұрын

    Great course for beginners! I definitely need more info about tuples, enums, generics etc., but at least I've almost effortlessly acquired basic syntax

  • @LucasSantos-uw7uc
    @LucasSantos-uw7uc2 жыл бұрын

    Legit the best TypeScript tutorial on KZread.

  • @muhammadsheharyar999
    @muhammadsheharyar9992 жыл бұрын

    Thank you so much Brad for this amazing amazing crash course. This helped me so much.

  • @tech_channel110
    @tech_channel1107 ай бұрын

    what a explanation brad keep it up you are doing amazing for the student ,for the tech lovers love your teaching style

  • @UnknownEntity606
    @UnknownEntity60611 ай бұрын

    Your tutorials are so much better than some of the other BS tutorials out there. This felt like 10 minutes even though it was over an hour. Thank you so much!

  • @jsuwangsa
    @jsuwangsa2 жыл бұрын

    great video that help me understand the fundamentals for a little bit. a great help as I really not know anything about TS and i want to learn. thanks for a great crash course!

  • @2222974Vairus
    @2222974Vairus2 жыл бұрын

    Just when I need it the most Brad brings our a course for it . SAVED

  • @appymango5995
    @appymango5995 Жыл бұрын

    Nice crash course, really up to the point on each step. Thanks for the video.

  • @mostinho7
    @mostinho72 жыл бұрын

    Thanks for good overview Todo: continue and take notes in onenote

  • @afikhan5782
    @afikhan5782 Жыл бұрын

    Brad, you are the best tutor on this planet.

  • @ievgeniibielkin
    @ievgeniibielkin Жыл бұрын

    Really good overview! Thank you, Brad

  • @mpb0406
    @mpb04062 жыл бұрын

    I've been wanting to eventually learn TypeScript. Great timing on the video

  • @sathyanarayanandhanuskodi1734
    @sathyanarayanandhanuskodi17342 жыл бұрын

    No more no less. Everything to get started. Advanced topics can be learned during the project. Thanks for the course Brad

  • @jacquesvanjaarsveld4017
    @jacquesvanjaarsveld4017 Жыл бұрын

    i dont often comment on YT vids man, but bloody well done. Really exactly what i was looking for

  • @thetentaclemonsters
    @thetentaclemonsters3 ай бұрын

    Not a second wasted! Awesome tutorial.

  • @himanshushukla6451
    @himanshushukla6451 Жыл бұрын

    You explain it so well. Thanks man. You're the GOAT

  • @GrupoINTIWeb
    @GrupoINTIWeb2 жыл бұрын

    I really love this courses... are to the point. Udemy : 15 hours typeScript esentials. Brad : 52 minutes typeScript esentials. (the same udemy´s content)

  • @umeshkhanna5000
    @umeshkhanna50002 жыл бұрын

    Thank you for this course, really looking forward to learn more.

  • @daleb6542
    @daleb65422 жыл бұрын

    Just when I needed it, Thanks Brad!

  • @user-js6hv9oi8f
    @user-js6hv9oi8f3 ай бұрын

    It's amazing. Thank u a lot a have watched a ton of videos but you made me understand.

  • @PlotTwists
    @PlotTwists2 жыл бұрын

    Thanks Brad I've been wanting to try it out for a while now

  • @nicolecandiotti5492
    @nicolecandiotti54922 жыл бұрын

    This has been so helpful, thank you so much Brad

  • @blatchie4608
    @blatchie46082 жыл бұрын

    This has been exactly what I needed. Thank you :)

  • @xanaduzhang186
    @xanaduzhang1862 жыл бұрын

    Best All-in-One nice tutorial for Typescript!

  • @jorgealameda
    @jorgealameda2 жыл бұрын

    the BEST crash course, really well explained

  • @a.anvarbekov
    @a.anvarbekov2 жыл бұрын

    i just wanted to looked up a little bit but watched till the end that was a really informative

  • @coding_phoenix
    @coding_phoenix Жыл бұрын

    Thank you ver much Brad despite my knowledge of typescript I gained a lot from this tutorial especially I now have deep understanding of classes

  • @howard2501
    @howard25012 жыл бұрын

    Enjoyed this, thanks. When you're talking about type assertion (27:00), as well as saying let customerId = cid as number; or let customerId = cid; you can also write: let customerId:number = cid; This keeps the same syntax used for other types so it's nice and familiar, and I think it does the same job of type assertion, is that right?

  • @werrutkyupnext
    @werrutkyupnext Жыл бұрын

    if feel like I am going over my js and learning ts, great tutorial

  • @ruslanvyshnevskyi1468
    @ruslanvyshnevskyi14682 жыл бұрын

    Realy informative and concise 👍 Great place to start to supplement it later with an official handbook

  • @Adh786
    @Adh7862 жыл бұрын

    TraversyMedia: clean | clear | short | perfect.

  • @soromiso
    @soromiso2 жыл бұрын

    Thank u, it's a very useful short lecture to have a comprehension of TypeScript

  • @JemimaSharah
    @JemimaSharah Жыл бұрын

    That's super helpful, quick and to the point!

  • @mrcrypticxdev
    @mrcrypticxdev2 жыл бұрын

    Very commendable Crash Course, thanks Brad!

  • @svikas641
    @svikas6412 жыл бұрын

    Good Introduction to typescript, thanks brad.

  • @UsefulProgrammer
    @UsefulProgrammer2 жыл бұрын

    Great video Brad. Thanks for all that you do.

  • @studywithanjana4547
    @studywithanjana45472 жыл бұрын

    Thank you Brad! You're a great teacher. 🙂🙏

Келесі