TypeScript Crash Course

2024 ж. 16 Мам.
579 668 Рет қаралды

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

Пікірлер
  • It's like Brad knows what we need and he uploads the knowledge

    @nikhil007g@nikhil007g2 жыл бұрын
    • Bare facts 💯

      @petermurutu5709@petermurutu57092 жыл бұрын
    • Exactly.

      @robinkartik6356@robinkartik63562 жыл бұрын
    • Exactly

      @arnolddaniels8603@arnolddaniels86032 жыл бұрын
    • I swear the man is a wizard

      @DanteMishima@DanteMishima2 жыл бұрын
    • He does he got KZhead 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...

      @codernerd7076@codernerd70762 жыл бұрын
  • Me in my mind: "Let's learn Typescript" Brad: "I heard you"

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

      @elpolodiablo5486@elpolodiablo54862 жыл бұрын
    • me the same few days ago haha

      @siewierap@siewierap2 жыл бұрын
  • 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

    @jpisty@jpisty2 жыл бұрын
    • 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.

      @Grifanos@Grifanos2 жыл бұрын
    • no such thing as more expressive or descriptive or etc, ceptxuxetc, do, say any nmw and any s perfect

      @zes3813@zes38132 жыл бұрын
  • Love how "easy" OOP developers can pick up OOP languages. This whole course was basically Object Oriented Programming ( with Typescript ). You rock Brad.

    @meisterunner@meisterunner2 жыл бұрын
    • true i am leaning golang and i could relate these two very well.

      @svikas641@svikas6412 жыл бұрын
    • exactly! I am coming from Java and it is pretty much similar. But I like syntax of TS more than JAVA.

      @priteshsoni3891@priteshsoni38912 жыл бұрын
    • @@svikas641 golang doesn't have classes, though you can do a lot with interfaces and types.

      @anurag985@anurag9852 жыл бұрын
    • @@anurag985 yes anurag i am aware.

      @svikas641@svikas6412 жыл бұрын
  • Love how you explain things so smooth and with a ease. Can't be better!

    @Harduex@Harduex2 жыл бұрын
  • Wouldn't miss this for the world. Happy to see you back after that break

    @joeb7492@joeb74922 жыл бұрын
  • 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!

    @user-ix1ih5cg6v@user-ix1ih5cg6v2 жыл бұрын
  • 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.

    @ThiagoVieira91@ThiagoVieira912 жыл бұрын
  • You are one of the best teachers ever. Very clear and straight to the point.

    @luisacavalcanti3665@luisacavalcanti3665 Жыл бұрын
  • I just began learning typescript this morning, I was watching Net Ninja’s typescript tutorial when your notification popped. Legend!. Thanks Brad!

    @thykingdoncome@thykingdoncome2 жыл бұрын
  • Perfect timing. I was looking for the latest typescript crash course. Thank you Brad. 😃

    @alvinyanson@alvinyanson2 жыл бұрын
  • 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

    @ladywebber1726@ladywebber17262 жыл бұрын
  • TypeScript is the best thing that ever happened to me, thanks Brad, awesome immersive experience in your tutorial as always.

    @alvirarahman1559@alvirarahman15592 жыл бұрын
  • 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!

    @abdulrafay1509@abdulrafay15092 жыл бұрын
  • Excellent as always Brad! Not a moment wasted and a great overview of the language.

    @EduardoGomez-ru3gf@EduardoGomez-ru3gf2 жыл бұрын
  • Brad, your explanation of generics is the best. Placeholder of data types. I have finally understood. Thanks!!! Great job!!!

    @brianryan4053@brianryan40532 жыл бұрын
  • 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 :)

    @sametkaraca5976@sametkaraca59762 жыл бұрын
  • That intro music gets me giddy every single time. Thanks for your efforts Brad.

    @sogzful@sogzful8 ай бұрын
  • I just started learning Typescript for React. This was exactly what I needed. Thanks Brad ❤

    @work2936@work29362 жыл бұрын
  • Holy shit, I literally needed this right now as I have to work on a typescript react project. You are a godsend!!

    @atinsingh7395@atinsingh73952 жыл бұрын
  • Thank you! Not just for this video, but for your entire channel - pure gold!

    @LightningFox2407@LightningFox24072 жыл бұрын
  • It's so great to have Brad. He knows what we need and uploads it.

    @clingyking2774@clingyking27742 жыл бұрын
  • Just like always, an excellent crash course! Thank you for keeping me updated!

    @DarknessDescend@DarknessDescend2 жыл бұрын
  • Thanks for this easy-to-learn tutorial, Brad. You're the best!

    @mahmoudhassen4463@mahmoudhassen44632 жыл бұрын
  • Perfect timing Brad. Thank you for this crash typescript course.

    @samirvaliyev@samirvaliyev2 жыл бұрын
  • You are doing a great job making these courses . Keep moving forward!

    @nikhilratta4076@nikhilratta40762 жыл бұрын
  • 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

    @warisulimam3440@warisulimam34402 жыл бұрын
  • needed a crash course on TypeScript for a take-home challenge and this is it!. Thanks Brad

    @waheedodubayo2339@waheedodubayo2339 Жыл бұрын
  • Thanks for breaking it down to this level Brad. You're the best

    @ccanyanwu@ccanyanwu2 жыл бұрын
  • 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!

    @frankdrolet9439@frankdrolet94392 жыл бұрын
  • 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!

    @zalodias123@zalodias1232 жыл бұрын
  • 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.

    @yorkitca@yorkitca2 жыл бұрын
  • 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 👍

    @sony4481@sony44812 жыл бұрын
  • Brad your work is awesome….can’t wait to Learn typescript from you. Thanks Again!

    @graemegrant6669@graemegrant66692 жыл бұрын
  • At last - a simple explanation of generics🎉 Thanks Brad 🙂

    @slinco65@slinco658 ай бұрын
  • 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!!🙌🙌

    @vladislav3182@vladislav3182 Жыл бұрын
  • Concise, to the point, so valuable, comprehensive, I love it. Thanks 🙏

    @nathanlemma@nathanlemma7 ай бұрын
  • 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.

    @Kay8B@Kay8B2 жыл бұрын
  • 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!

    @hibob841@hibob841 Жыл бұрын
  • 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.

    @SafaKadir@SafaKadir Жыл бұрын
  • Thank you so much Brad for this amazing amazing crash course. This helped me so much.

    @muhammadsheharyar999@muhammadsheharyar9992 жыл бұрын
  • This guy is a wizard!!! He knows what we need And that's an awesome course thanks Brad

    @amirreza-dev@amirreza-dev2 жыл бұрын
  • 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!

    @vedymin7@vedymin72 жыл бұрын
  • Just the explanation I needed to kick start a new project I was assigned to. Thanks!!!

    @Room3102@Room31022 жыл бұрын
  • 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.

    @VenkateshMogili@VenkateshMogili2 жыл бұрын
  • Love your tutorials Brad, thanks for all the help and free knowledge

    @mediocreTyler@mediocreTyler2 жыл бұрын
  • Just when I need it the most Brad brings our a course for it . SAVED

    @2222974Vairus@2222974Vairus2 жыл бұрын
  • Another great course spun up by the Master.

    @exxzxxe@exxzxxe9 ай бұрын
  • Legit the best TypeScript tutorial on KZhead.

    @LucasSantos-uw7uc@LucasSantos-uw7uc2 жыл бұрын
  • The void type took me back to C++ , man what a time, thank you Brad

    @craiggazimbi@craiggazimbi Жыл бұрын
  • He really is just the best. Like that's it, he makes excellent tutorials on the most important topics that we need.

    @wayneswildworld@wayneswildworld2 жыл бұрын
  • One of the easiest explanations of typescript that I've seen! Thanks again Brad!

    @tdematos@tdematos2 ай бұрын
  • 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

    @shahbazkhalid6950@shahbazkhalid6950 Жыл бұрын
  • Thank you for this course, really looking forward to learn more.

    @umeshkhanna5000@umeshkhanna50002 жыл бұрын
  • Great tutorial on Typescript. I found it really useful, without unnecessary talking. And it was interesting and helpful. Thank you very much!

    @vladislavamarkova8379@vladislavamarkova83792 жыл бұрын
  • 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.

    @mahbub4nobody@mahbub4nobody2 жыл бұрын
  • Im 2 months into learning how to code, and … i cant comprehend how you all remember all this stuff. Im just amazed 🤯

    @OrincyWhyteDesigns@OrincyWhyteDesigns2 жыл бұрын
  • 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!

    @UnknownEntity606@UnknownEntity60611 ай бұрын
  • Funny, I was just thinking about getting into TS and you put this out. Perfect timing!

    @Gamewithstyle@Gamewithstyle2 жыл бұрын
  • Brad just demystify the thing for me! Thanks a lot! I would like to see a Jasmine testing tuto like this one.

    @fyardlest1@fyardlest12 жыл бұрын
  • I've been wanting to eventually learn TypeScript. Great timing on the video

    @mpb0406@mpb04062 жыл бұрын
  • This channel helped my start coding, now I build blockchain platforms. This channel is underrated

    @akanimohosutuk928@akanimohosutuk9282 жыл бұрын
  • No more no less. Everything to get started. Advanced topics can be learned during the project. Thanks for the course Brad

    @sathyanarayanandhanuskodi1734@sathyanarayanandhanuskodi17342 жыл бұрын
  • Great course for beginners! I definitely need more info about tuples, enums, generics etc., but at least I've almost effortlessly acquired basic syntax

    @annakarpiuk438@annakarpiuk4382 жыл бұрын
  • Thanks for the tutorial Brad. It was really useful 🙏🏽

    @Riicky.Allves@Riicky.Allves2 ай бұрын
  • Thank you Brad! You're a great teacher. 🙂🙏

    @studywithanjana4547@studywithanjana45472 жыл бұрын
  • Thanks Brad I've been wanting to try it out for a while now

    @PlotTwists@PlotTwists2 жыл бұрын
  • 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.

    @djgulston@djgulston Жыл бұрын
  • This has been exactly what I needed. Thank you :)

    @blatchie4608@blatchie46082 жыл бұрын
  • Nice crash course, really up to the point on each step. Thanks for the video.

    @appymango5995@appymango5995 Жыл бұрын
  • Just when I needed it, Thanks Brad!

    @daleb6542@daleb65422 жыл бұрын
  • You explain it so well. Thanks man. You're the GOAT

    @himanshushukla6451@himanshushukla6451 Жыл бұрын
  • This has been so helpful, thank you so much Brad

    @nicolecandiotti5492@nicolecandiotti54922 жыл бұрын
  • Another great instructional video from The Master. Thanks Brad for all your hard work.

    @alittlegreyhair1104@alittlegreyhair11043 ай бұрын
  • Thanks brad no messing around and no 20hour courses. Your the best.

    @CJ-cv4zl@CJ-cv4zl Жыл бұрын
    • yess I feel the same..

      @sanchamansubba8965@sanchamansubba89653 ай бұрын
  • I think Brad is tuned into all us devs. I’m currently working on a angular 12 project and need some extra typescript knowledge 👍 Thank you 🙏

    @abenjamin13@abenjamin132 жыл бұрын
  • *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💙

    @emenikedaniel@emenikedaniel Жыл бұрын
  • the BEST crash course, really well explained

    @jorgealameda@jorgealameda2 жыл бұрын
  • 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!!!!!

    @XRP_321@XRP_3212 жыл бұрын
  • Realy informative and concise 👍 Great place to start to supplement it later with an official handbook

    @ruslanvyshnevskyi1468@ruslanvyshnevskyi14682 жыл бұрын
  • man you are genius, this is all i was needed! thank you soo much sensei!

    @geraldmacias7037@geraldmacias70372 жыл бұрын
  • TypeScript is amazing. It can suck at first when you first get into more complex types (imo) but it's so worth it.

    @EddyVinck@EddyVinck2 жыл бұрын
    • 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 :)

      @pratikkulkarni891@pratikkulkarni8912 жыл бұрын
    • 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.

      @mudandmoss4132@mudandmoss41322 жыл бұрын
    • just wait until you get to the types for Context and Redux XD

      @rubenverster250@rubenverster2502 жыл бұрын
    • @@rubenverster250 redux toolkit is the answer

      @pannihto7588@pannihto75882 жыл бұрын
    • 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 .

      @emdadgar_official@emdadgar_official2 жыл бұрын
  • It's amazing. Thank u a lot a have watched a ton of videos but you made me understand.

    @user-js6hv9oi8f@user-js6hv9oi8f2 ай бұрын
  • i just wanted to looked up a little bit but watched till the end that was a really informative

    @a.anvarbekov@a.anvarbekov2 жыл бұрын
  • That was a great intro, thank you so much!

    @zirklutesKerpa@zirklutesKerpa2 жыл бұрын
  • what a explanation brad keep it up you are doing amazing for the student ,for the tech lovers love your teaching style

    @tech_channel110@tech_channel1107 ай бұрын
  • Thank you for a great course, love it 💖

    @OlegWin355@OlegWin3552 жыл бұрын
  • Brad, you are the best tutor on this planet.

    @afikhan5782@afikhan5782 Жыл бұрын
  • Thanks Brad for the quick intro to TS 👍

    @bakhtiyor_sulaymonov@bakhtiyor_sulaymonov2 жыл бұрын
  • Thank you i enjoyed. I always happy when you do new video for us. In the future i would like to watch even more about next.js and nuxt.js with TS)

    @cumar8585@cumar85852 жыл бұрын
  • 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!

    @jsuwangsa@jsuwangsa2 жыл бұрын
  • i dont often comment on YT vids man, but bloody well done. Really exactly what i was looking for

    @jacquesvanjaarsveld4017@jacquesvanjaarsveld4017 Жыл бұрын
  • Was waiting for this for long Finally Thanks Brad

    @ashishchaturvedi3319@ashishchaturvedi33192 жыл бұрын
  • Looking forward to watching another awesome video from Brad!

    @LuisBlancoAustin@LuisBlancoAustin2 жыл бұрын
  • Thank you so much. I always enjoy your crash courses...

    @shadigaafar3091@shadigaafar30912 жыл бұрын
  • PERFECT TIMING!!!

    @alvirarahman1559@alvirarahman15592 жыл бұрын
  • Thanks Brad. I needed this more than ever.

    @ShaikMoAbdullah@ShaikMoAbdullah Жыл бұрын
  • Good lookin Bro…very well put together..keep up the good work big guy 🤟🏽

    @wanderingknight10@wanderingknight102 жыл бұрын
  • Best All-in-One nice tutorial for Typescript!

    @xanaduzhang186@xanaduzhang1862 жыл бұрын
  • Thank u, it's a very useful short lecture to have a comprehension of TypeScript

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