Practical TypeScript - Course for Beginners

Master TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application.
Code: github.com/john-smilga/typesc...
Course developed by @CodingAddict
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro, Type Annotations, Arrays
⌨️ (0:55:40) Objects and Functions
⌨️ (1:54:57) Alias and Interface
⌨️ (3:02:53) Tuples and Enums
⌨️ (3:59:10) Type Guards
⌨️ (4:31:02) Generics
⌨️ (5:10:25) Fetch Data
⌨️ (5:43:05) Classes
⌨️ (6:05:17) Tasks
⌨️ (6:47:18) React with TypeScript
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Пікірлер: 96

  • @tusharghildiyal6814
    @tusharghildiyal6814Ай бұрын

    i love how john just uploads a big chunk of his paid courses on youtube for free. been following him since 2019. i have bought his react and node courses on udemy. such a selfless man 🔥

  • @imdtap1448

    @imdtap1448

    Ай бұрын

    Same...He's hella cool. His teaching is clear and concise

  • @hellokevin_133

    @hellokevin_133

    Ай бұрын

    He's the absolute worst lol

  • @yashjainme

    @yashjainme

    27 күн бұрын

    @@hellokevin_133 why do you think he is worst 😕?

  • @ajaymishra-jg2qe

    @ajaymishra-jg2qe

    15 күн бұрын

    This is just for marketing bro

  • @hammedadeleke7798
    @hammedadeleke7798Ай бұрын

    I just landed a job that requires typescript experience and this course came at the right time

  • @thej_
    @thej_Ай бұрын

    You don't know how much i need this course right at this moment. FCC you are a saviour for me

  • @nasiffuad292

    @nasiffuad292

    Ай бұрын

    Same here xD

  • @Booyamakashi

    @Booyamakashi

    27 күн бұрын

    Me too, me too.

  • @kaziprosper2229
    @kaziprosper2229Ай бұрын

    John is an awesome Teacher. When I set to learn Nodejs, I watch his videos and that has extremely helped me! Thank John, for the good work

  • @codesinger-zc3bm
    @codesinger-zc3bmАй бұрын

    Started learning Typescript last week and the ones I have seen aren't this detailed. I hope to learn alot from this

  • @eacardenase
    @eacardenaseАй бұрын

    I learned programming with John back in 2021, and that helped landed me a job as a web developer that year. He's an absolute beast on his own.

  • @shahirantalukdar2387

    @shahirantalukdar2387

    26 күн бұрын

    Are you from CS background ?

  • @eacardenase

    @eacardenase

    26 күн бұрын

    @@shahirantalukdar2387 no, I was a psychologist.

  • @eacardenase

    @eacardenase

    24 күн бұрын

    @@shahirantalukdar2387 I'm a psychologist that switched career to software development.

  • @thedevelopermind
    @thedevelopermindАй бұрын

    John is a great teacher.

  • @khantanoliggg
    @khantanoligggАй бұрын

    From yesterday night I was looking for typescript courses that could cover all the fundamentals and intermediate concepts and today I got this gem. THANK YOU XD

  • @sherazakrampro8099
    @sherazakrampro8099Ай бұрын

    I really needed this course. Thank you so much ❤

  • @firstlastcode
    @firstlastcodeАй бұрын

    I love how you explain every concept bit by bit. I have followed and learned a lot of content from you, and today I'm better SE. Thank you and the freecodecamp community

  • @Booyamakashi
    @Booyamakashi17 күн бұрын

    This is pure gold. Im going to watch it couple of times. I recommend to pause and do challenges before watching the answer - it makes learning better. PS. There is custom speed setting on youtube, you can run videos at 1.1x for example.

  • @CasualCosta
    @CasualCostaАй бұрын

    Just what I needed. Thank you, John! Thank you, FCC!

  • @akshaykumar-xu2be
    @akshaykumar-xu2beАй бұрын

    Looking for a good full course and there it is.. What a timing.

  • @jamielujan5640
    @jamielujan56402 күн бұрын

    Just finished the 10 hour batch here. Great stuff and incredibly clear and helpful. You really do learn javascript so much better once you get the hang of typescript. Looking forward to repeating some of the challenges a few times. Thanks a ton.

  • @AyushmaansinghxX
    @AyushmaansinghxXАй бұрын

    I was about to start learning typescript from tomorrow and here you dropped this gem ❤

  • @khantanoliggg

    @khantanoliggg

    Ай бұрын

    Me too

  • @marketdilemma

    @marketdilemma

    Ай бұрын

    They read your mind, 😂

  • @marketdilemma

    @marketdilemma

    Ай бұрын

    @FreeCodeAcademy , have make an algo with ts to read there subscriber mind

  • @vytenisumbrasas3524
    @vytenisumbrasas352420 күн бұрын

    Thank you for the nice course. Enjoyed fine narrator diction and tempo.

  • @zamsosam
    @zamsosamАй бұрын

    This man is legend

  • @th3ja
    @th3ja2 күн бұрын

    Top notch content and instructor! Awesome as always FCC!

  • @AbhishekTiwari-cf8sp
    @AbhishekTiwari-cf8spАй бұрын

    Finally my wait is over. Hey Brad(TM) it's you as a instructor 😂❤

  • @indrakhatiwada9860

    @indrakhatiwada9860

    Ай бұрын

    No it's john

  • @raksalim5860
    @raksalim5860Ай бұрын

    you sir. are a god

  • @ViniciusEmprego
    @ViniciusEmprego5 күн бұрын

    That course is perfect! He explains everything so well

  • @3polygons
    @3polygonsАй бұрын

    Thank you!!

  • @firstlastcode
    @firstlastcodeАй бұрын

    My favorite instructor is here

  • @BlastbeaterPT
    @BlastbeaterPTАй бұрын

    The Goat Smilga ❤

  • @serial_coder
    @serial_coderАй бұрын

    I just recognized him with his voice. My favorite Js/Node teacher John Smilga.

  • @alexref955

    @alexref955

    Ай бұрын

    What’s wrong with his voice? I remember speaking him normally

  • @serial_coder

    @serial_coder

    Ай бұрын

    I think he is high on drugs.

  • @themountains1701
    @themountains170123 күн бұрын

    # ⭐ Contents ⭐ ## ⌨ Intro, Type Annotations, Arrays - (0:00:00) ## ⌨ Objects and Functions - (0:55:40) ## ⌨ Alias and Interface - (1:54:57) ## ⌨ Tuples and Enums - (3:02:53) ## ⌨ Type Guards - (3:59:10) ## ⌨ Generics - (4:31:02) ## ⌨ Fetch Data - (5:10:25) ## ⌨ Classes - (5:43:05) ## ⌨ Tasks - (6:05:17) ## ⌨ React with TypeScript - (6:47:18) #### ⌨ Component returns in React - (6:55:35) #### ⌨ Props - (7:00:15) #### ⌨ State - (7:12:57) #### ⌨ Handling events in React - (7:24:45) #### ⌨ TypeScript with ContextAPI - (7:57:40) #### ⌨ TypeScript with useReducer hook - (8:15:55) #### ⌨ Fetching Data in React - (8:30:13) #### ⌨ Fetching Data using Axios and React Query - (8:44:55) #### ⌨ Redux Toolkit - (8:54:18) #### ⌨ Tasks Application - (9:14:13)

  • @gregfredder8645
    @gregfredder8645Ай бұрын

    I love John Smilga

  • @oreyon9514
    @oreyon9514Ай бұрын

    Man, john smilga is really good teacher for me. His method is easy to follow up.

  • @_stanlymathai

    @_stanlymathai

    Ай бұрын

    And who the F are you?

  • @oreyon9514

    @oreyon9514

    Ай бұрын

    just a student

  • @DarkGT
    @DarkGTАй бұрын

    My boss wants me to learn it at some point for writing test cases. Wish me luck.

  • @AjayKumar-fd9mv
    @AjayKumar-fd9mvАй бұрын

    Awesome

  • @toystory3167
    @toystory3167Ай бұрын

    8:33:30 fetch useeffect 8:16:30 reducers

  • @swayambadhe
    @swayambadheАй бұрын

    John smilga strikes again

  • @eleah2665
    @eleah2665Ай бұрын

    Hi John!

  • @hooho491
    @hooho4913 күн бұрын

    Very good course but I'm overwhelmed by the amount of information overall, especially in React section. It's difficult to use all the information in a real project 😕

  • @soldishero_YY
    @soldishero_YYАй бұрын

    9 hours? OMG. Let's begin

  • @waqarrajpt7031
    @waqarrajpt7031Ай бұрын

    Nyc sir

  • @firstlastcode
    @firstlastcodeАй бұрын

    We are not intimidated by DEVIN AI at all. We are feeling that new energy already.

  • @eliodrallag4806
    @eliodrallag4806Ай бұрын

    great

  • @omers.143
    @omers.143Ай бұрын

    I love you guys

  • @raghav_sridhar
    @raghav_sridharАй бұрын

    ❤🎉

  • @user-dj1lj6tn4l
    @user-dj1lj6tn4lАй бұрын

    Thanks ❤

  • @pabitrakumar4564
    @pabitrakumar4564Ай бұрын

    Finally my wait is over😅

  • @toystory3167
    @toystory3167Ай бұрын

    8:54:30 rtk

  • @orlandoferazzani3639
    @orlandoferazzani363924 күн бұрын

    at 2:12:50 couldnt we set up the book type like this type Book = { id: number; name: string; price: number; discount?: number; };?

  • @Not_Aran8276

    @Not_Aran8276

    18 күн бұрын

    Yes you can, it’s just different formatting and if you use something like Prettier formatter, it’ll do it automatically.

  • @GiftMthimunye
    @GiftMthimunyeАй бұрын

    CAN we PLEASE have FLET tutorial 🙏🙏🙏

  • @juanmacias5922
    @juanmacias5922Ай бұрын

    LOL I don't know if it's because I have a newer version, mostlikely because I'm using Bun, but my website crashed. 31:13 Edit: interesting, only diff is that vite is 5.2.0 for me, so I assume it was Bun that caused the TS error ha 32:23

  • @ashieraslam
    @ashieraslamАй бұрын

    Is it for absolute beginner ? Or one's should have knowledge of any sort of programming language?

  • @juanmacias5922

    @juanmacias5922

    Ай бұрын

    Knowledge of JS would probably help, try it out, see how far you get.

  • @allsparky
    @allsparky11 күн бұрын

    2:16:02 omg he's so right

  • @marg5019
    @marg5019Ай бұрын

    No Closed Caption I can't hear it.

  • @viktorbutanski
    @viktorbutanski20 күн бұрын

    Two and a half hours in - loving it already. Does anyone know if this yellow marker showing the function scope like here kzread.info/dash/bejne/fHx5pJmLmK2tYbw.html is an extension of VS Code setting?

  • @Sonyemman97
    @Sonyemman97Ай бұрын

    How do people successfully finish these courses? I want to escape tutorial hell and I find myself there whenever I start these courses.

  • @ramatjyotsingh2643

    @ramatjyotsingh2643

    Ай бұрын

    Stop watchin tutorial beside just some syntax and basic stuff then start building a project on your own , you'll learn alot that way

  • @CasualCosta

    @CasualCosta

    Ай бұрын

    For me, it was watching 15 minutes a time and then trying to re-create what he did from memory and checking only if needed. I did it for his React projects and it took me 2 months to finish everything, but it really did teach me how the library works.

  • @MehmoodHussain-lk2qg
    @MehmoodHussain-lk2qg7 күн бұрын

    Do we need to know basic javascript for this course?

  • @hooho491

    @hooho491

    3 күн бұрын

    absolutely.

  • @fluxsiarski
    @fluxsiarski22 күн бұрын

    2:16:02 😹

  • @deepakjoshi3347
    @deepakjoshi33477 күн бұрын

    Nice voice

  • @LokeshKumar-tk7ri
    @LokeshKumar-tk7riАй бұрын

    what about Devin?

  • @Famelhaut

    @Famelhaut

    Ай бұрын

    🚭

  • @rodrigolopez-qi5ez
    @rodrigolopez-qi5ezАй бұрын

    Where is the second part of this course?

  • @flash0p

    @flash0p

    Күн бұрын

    its paid you can look at his website codingaddict

  • @omogbemeiyere6475
    @omogbemeiyere6475Ай бұрын

    The legend himself John f*cking Smilga so happy you dropping this course man ❤❤❤❤🎉🎉🎉

  • @0x-003
    @0x-003Ай бұрын

    So this video isnt the full course?

  • @freecodecamp

    @freecodecamp

    Ай бұрын

    It is a full course. But you can pay to get an extra project to build.

  • @umaralifayzullayev
    @umaralifayzullayevАй бұрын

    First

  • @kim92se64
    @kim92se64Ай бұрын

    3h03m

  • @Nemesis-db8fl
    @Nemesis-db8flАй бұрын

    This is the kind of video where i turn off my adblocker

  • @manishgautam2424
    @manishgautam242429 күн бұрын

    nothing is free there

  • @povdata
    @povdataАй бұрын

    toilet voice

  • @hellokevin_133
    @hellokevin_133Ай бұрын

    Why does this guy sound like this? don't other people feel irritated listening to him? he's also a massive spammer, just tries his best to make his courses unnecessarily long.

  • @Oncopoda
    @Oncopoda25 күн бұрын

    Course should be called TypeScript for absolute beginners. 😴

  • @knowledgetogo92
    @knowledgetogo92Ай бұрын

    sorry, but this is like listening to grandpa when he is almost dying. This is so slow and boring. AI will help me now to learn TypeScript....

  • @muhammadyafizhambatubara461
    @muhammadyafizhambatubara461Ай бұрын

    please don't talk about devin, its demotivated me