Practical TypeScript - Course for Beginners

[@themountains1701]

# ⭐ 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)

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

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

[@hellokevin_133]

He's the absolute worst lol

[@yashjainme]

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

[@ajaymishra-jg2qe]

This is just for marketing bro

[@adrian-4767]

@@hellokevin_133 why he's the absolute worst? I want to know, too.

[@thej_]

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

[@nasiffuad292]

Same here xD

[@Booyamakashi]

Me too, me too.

[@hammedadeleke7798]

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

[@sylvesterojay8076]

Please I need a remote web development Job, how were you able to get it. Kindly help me

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

Are you from CS background ?

[@eacardenase]

@@shahirantalukdar2387 no, I was a psychologist.

[@eacardenase]

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

[@Booyamakashi]

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.

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

[@SauravTiru]

I finished it!! Thank you so much, gives me so much confidence now for my interviews. A must watch video. I'll be back here once I crack my next job. Thank you so much again.

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

[@Mayeloski]

where can I find his node js course?:D

[@Q-Productions23]

John is an awesome teacher. He really helped me understand the things I was stuck on for months

[@codesinger-zc3bm]

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

[@jamielujan5640]

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.

[@thedevelopermind]

John is a great teacher.

[@AyushmaansinghxX]

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

[@khantanoliggg]

Me too

[@marketdilemma]

They read your mind, 😂

[@marketdilemma]

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

[@3minutesbibletruth]

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

[@fluxsiarski]

I finally finished it! It took me 1 month [ about 1 hour each day ]. Some people say the host voice is bad, but for me it wasn't a problem. #Stillgood

[@oreyon9514]

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

[@_stanlymathai]

And who the F are you?

[@oreyon9514]

just a student

[@vytenisumbrasas3524]

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

[@bw7868]

Thanks a lot for this great course I was stuck with lots of TS errors on a project that I've forced to use TS on, but now I've fixed all the issues. I still don't like it and will stick with JSDoc, but now I can deal with such situations.

[@toystory3167]

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

[@CasualCosta]

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

[@akshaykumar-xu2be]

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

[@cs-oi4im]

His teaching style is awesome. I have also learned Node and Express from him though this channel.

[@serial_coder]

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

[@alexref955]

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

[@serial_coder]

I think he is high on drugs.

[@AbhishekTiwari-cf8sp]

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

[@indrakhatiwada9860]

No it's john

[@sherazakrampro8099]

I really needed this course. Thank you so much ❤

[@3minutesbibletruth]

My favorite instructor is here

[@MxolisiMasuku]

Great content commands you to come back! Took this course as a refresher to just breeze through. How is that going? Well, I am here for the 5th day in a row.

[@clashingtv2527]

it took me 5 days but i enjoy it!

[@Milan-Krushna]

I Love this tutorial ❤. It is very informative. Thank you very much for creating this type of tutorial. I have cleared my nearer to all doubts regarding Typescript and also learn so many new things and tricks Thank you again

[@DarkGT]

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

[@zamsosam]

This man is legend

[@BlastbeaterPT]

The Goat Smilga ❤

[@Rana-Farhan]

Awesome Man, thanks.

[@ViniciusEmprego]

That course is perfect! He explains everything so well

[@korleone72]

thank you so much the course is beneficial!

[@th3ja]

Top notch content and instructor! Awesome as always FCC!

[@raksalim5860]

you sir. are a god

[@gregfredder8645]

I love John Smilga

[@swayambadhe]

John smilga strikes again

[@3minutesbibletruth]

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

[@Leesdjo]

The voice sounds familiar. Thank you John.

[@soldishero_YY]

9 hours? OMG. Let's begin

[@frq9293]

At 3:20:03, how did the role property go from 0 to "Admin" in the console?

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

[@hooho491]

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 😕

[@neneodonkor]

You are not supposed to learn everything at a go. This is over 9 hours. You should use about a month or two to absorb the information.

[@andrewthompson4228]

You sound so much like David O'Hara from The Departed!

[@saayakimei3650]

A random comment but your voice sounds similar to Chris from family guy 😂

[@orlandoferazzani3639]

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]

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

[@3polygons]

Thank you!!

[@hendoitechnologies]

post video about how to finetune ChatGPT Model for specific usecase with website or mobile integration to work as customer care chatbot....

[@toystory3167]

8:54:30 rtk

[@tochimclaren]

I don't think interfaces are meant to do the same thing as types as one is more flexible types are more flexible than interface.

[@eleah2665]

Hi John!

[@allsparky]

2:16:02 omg he's so right

[@zakirudeboy14]

is anyone getting when using zod package when he is teaching promises and fetching.

[@saeidkhoorani_public]

But I am thanksful for the knowledge sharing.

[@pabitrakumar4564]

Finally my wait is over😅

[@AjayKumar-fd9mv]

Awesome

[@omers.143]

I love you guys

[@AbdullahMubeenA.M]

Can someone who doesn't know React learn it by building a project?

[@GiftMthimunye]

CAN we PLEASE have FLET tutorial 🙏🙏🙏

[@tiffanyalberti2029]

Is it possible to become a programmer or get into tech if I have a drug charge from over 20 years ago??

[@jojokman]

offcourse

[@ashieraslam]

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

[@juanmacias5922]

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

[@MehmoodHussain-lk2qg]

Do we need to know basic javascript for this course?

[@hooho491]

absolutely.

[@waqarrajpt7031]

Nyc sir

[@eliodrallag4806]

great

[@rodrigolopez-qi5ez]

Where is the second part of this course?

[@flash0p]

its paid you can look at his website codingaddict

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

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]

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.

[@omogbemeiyere6475]

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

[@marg5019]

No Closed Caption I can't hear it.

[@kvelez]

{ "compilerOptions": { "target": "ESNext", "module": "CommonJS", "outDir": "./dist", "strict": true, "forceConsistentCasingInFileNames": true }, "include": [ "src/**/*.ts" ], "exclude": [ "node_modules" ] }

[@viktorbutanski]

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

[@deepakjoshi3347]

Nice voice

[@raghav_sridhar]

❤🎉

[@fluxsiarski]

2:16:02 😹

[@0x-003]

So this video isnt the full course?

[@freecodecamp]

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

[@6slave]

Ay Gil, Tell Brandon to stop hanging out with Rashad, he's rubbing off on'em, pause. Lol.

[@Nemesis-db8fl]

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

[@LokeshKumar-tk7ri]

what about Devin?

[@Famelhaut]

🚭

[@armanrozika]

ugh, that enums is so weird and counter intuitive. Also, i dont think there are real benefit of using enums, why not just use plain object

[@kim92se64]

3h03m

[@saeidkhoorani_public]

Is the teacher needs sleep? Why his voice is sleepy and tired!

[@aaronargottelopez3488]

[@manishgautam2424]

nothing is free there

[@DadaDuyilemi]

9:09:39 in and everything is free

[@manishgautam2424]

@@DadaDuyilemi what's there

[@umaralifayzullayev]

First

[@povdata]

toilet voice

[@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.

[@adrian-4767]

hellokevin_133 how does he try to make his courses unnecessarily long?

[@josepholofinte9531]

You're just being silly. That's all.

[@Oncopoda]

Course should be called TypeScript for absolute beginners. 😴

[@muhammadyafizhambatubara461]

please don't talk about devin, its demotivated me

[@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....

[@josepholofinte9531]

Would you be so kind as to share a progress report?

[@Omar.bin.khattab]

thanks so much

[@AlexanderYaremchuk]

Thank you very much! I've completed this course. it took me a whole month.. (I actually expected me to be swifter) negative stuff: * the voice is specific but I got used to it rather quickly. * instant tooltips covering lots of screen are annoying. you pause the video to check out the whole code but see the dumb tooltip. (editor.quickSuggestionsDelay and editor.hover.delay help to fight it in vs.code). overall I'm happy I did the course - it helped me a lot to get acquainted with React.