Practical TypeScript - Course for Beginners

Подписаться 9 млн

Просмотров 119 тыс.

50% 1

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

Опубликовано:

12 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 100

@hammedadeleke7798 Месяц назад

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

@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 26 дней назад

This is just for marketing bro

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

@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 Месяц назад

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

@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

@Booyamakashi 28 дней назад

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.

@sherazakrampro8099 Месяц назад

I really needed this course. Thank you so much ❤

@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

@jamielujan5640 13 дней назад

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.

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

@th3ja 13 дней назад

Top notch content and instructor! Awesome as always FCC!

@CasualCosta Месяц назад

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

@vytenisumbrasas3524 Месяц назад

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

@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

@akshaykumar-xu2be Месяц назад

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

@fluxsiarski 2 дня назад

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

@AbhishekTiwari-cf8sp Месяц назад

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

@indrakhatiwada9860 Месяц назад

No it's john

@ViniciusEmprego 15 дней назад

That course is perfect! He explains everything so well

@BlastbeaterPT Месяц назад

The Goat Smilga ❤

@zamsosam Месяц назад

This man is legend

@3polygons Месяц назад

Thank you!!

@firstlastcode Месяц назад

My favorite instructor is here

@raksalim5860 Месяц назад

you sir. are a god

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

@gregfredder8645 Месяц назад

I love John Smilga

@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

@DarkGT Месяц назад

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

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

@AjayKumar-fd9mv Месяц назад

Awesome

@swayambadhe Месяц назад

John smilga strikes again

@waqarrajpt7031 Месяц назад

Nyc sir

@hooho491 14 дней назад

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 😕

@eleah2665 Месяц назад

Hi John!

@user-dj1lj6tn4l Месяц назад

Thanks ❤

@firstlastcode Месяц назад

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

@soldishero_YY Месяц назад

9 hours? OMG. Let's begin

@toystory3167 Месяц назад

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

@eliodrallag4806 Месяц назад

great

@frq9293 2 дня назад

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

@pabitrakumar4564 Месяц назад

Finally my wait is over😅

@omers.143 Месяц назад

I love you guys

@raghav_sridhar Месяц назад

❤🎉

@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

@GiftMthimunye Месяц назад

CAN we PLEASE have FLET tutorial 🙏🙏🙏

@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 29 дней назад

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

@toystory3167 Месяц назад

8:54:30 rtk

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

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

@marg5019 Месяц назад

No Closed Caption I can't hear it.

@MehmoodHussain-lk2qg 17 дней назад

Do we need to know basic javascript for this course?

@hooho491 14 дней назад

absolutely.

@omogbemeiyere6475 Месяц назад

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

@rodrigolopez-qi5ez Месяц назад

Where is the second part of this course?

@flash0p 11 дней назад

its paid you can look at his website codingaddict

@viktorbutanski Месяц назад

Two and a half hours in - loving it already. Does anyone know if this yellow marker showing the function scope like here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-JHEB7RhJG1Y.html is an extension of VS Code setting?

@deepakjoshi3347 18 дней назад

Nice voice

@LokeshKumar-tk7ri Месяц назад

what about Devin?

@Famelhaut Месяц назад

🚭

@fluxsiarski Месяц назад

2:16:02 😹

@allsparky 22 дня назад

2:16:02 omg he's so right

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

@umaralifayzullayev Месяц назад

First

@kim92se64 Месяц назад

3h03m

@Nemesis-db8fl Месяц назад

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

@manishgautam2424 Месяц назад

nothing is free there

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

@Oncopoda Месяц назад

Course should be called TypeScript for absolute beginners. 😴

@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 Месяц назад

please don't talk about devin, its demotivated me

@kvelez 2 дня назад

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

@AlexanderYaremchuk 6 дней назад

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.